The type of the segment
Must be one of: view.
Arbitrary data echoed onto the rendered element as data-* attributes
Must be a Hash
The name of the segment (rendered as data-ppx-name)
Must be a String
Style attributes of the segment
Must be a Hash
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
Must be a String
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)
Must be a String
See margin_top
Must be a String
See margin_top
Must be a String
See margin_top
Must be a String
Background color — named token (white, lightergray, lightgray, gray, darkgray, black) or any hex / rgb value
Must be a String
Border line style
Must be one of: none, solid, dashed, dotted.
none, small (1px), medium (2px), large (4px), or a per-side array
Must be a String
Border color — named token (white, lightergray, lightgray, gray, darkgray, black) or any hex / rgb value
Must be a String
Corner rounding
Must be one of: rounded, full.
Flex direction of children
Must be one of: horizontal, vertical.
Main-axis alignment (also centres the cross-axis)
Must be one of: start, center, space-between, end.
Per-child sizing, one entry per child by index: auto, fill, none, 25%, 50%, 75%
Must be an array of any type
Flex order within the parent
Must be a Integer
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.
Child segments
Must be an array of any type