The link target (opens in a new tab)
Semantic label for the button (e.g. primary/secondary), consumed by analytics
Display mode (auto renders as flex)
Must be one of: none, auto, block, inline_block.
Text color — named token (white, lightergray, lightgray, gray, darkgray, black) or any hex / rgb value
Font size token
Must be one of: 2x-small, x-small, small, medium, large, x-large, 2x-large, 3x-large, 4x-large.
Horizontal text alignment
Must be one of: left, center, right.
Underline the text
Must be one of: true, false, 1, 0.
Muted text treatment for secondary copy
Must be one of: subdued, monochrome.
A spacing token: x-tight, tight, normal, loose, x-loose, 2x-loose, 3x-loose, or an array [all] / [vertical, horizontal] / [top, right, bottom, left]; “none” for no padding
Must be an array of any type
A spacing token: x-tight, tight, normal, loose, x-loose, 2x-loose, 3x-loose, optionally negated with a leading - (e.g. -tight)
Background color — named token (white, lightergray, lightgray, gray, darkgray, black) or any hex / rgb value
Border line style
Must be one of: none, solid, dashed, dotted.
none, small (1px), medium (2px), large (4px), or a per-side array
Border color — named token (white, lightergray, lightgray, gray, darkgray, black) or any hex / rgb value
Corner rounding
Must be one of: rounded, full.
Flex order within the parent
attributes.vertical_align
Cross-axis self-alignment
Must be one of: start, center.
Width: auto, full, or a box-size token
Must be one of: auto, full, 2x-small, x-small, small, medium, large, x-large, 2x-large.
Height: auto, full, or a box-size token
Must be one of: auto, full, 2x-small, x-small, small, medium, large, x-large, 2x-large.
Maximum width
Must be one of: small, medium, large.
Maximum height
Must be one of: 2x-small, x-small, small, medium, large.