Section

JSON-safe Section props forwarded to Astryx.

Supported Astryx props include:

• variant ('section' or 'transparent' or 'muted'): Background variant applied to the section container.
• width (SizeValue): Width of the section; a number is interpreted as pixels, a string is used as-is.
• height (SizeValue): Height of the section; a number is interpreted as pixels, a string is used as-is.
• maxWidth (SizeValue): Maximum width of the section.
• minHeight (SizeValue): Minimum height of the section.
• children (ReactNode): Content rendered inside the section.
• dividers (Array<'top' or 'bottom' or 'start' or 'end'>): Which sides of the section have divider borders.
• padding (SpacingStep): Internal padding using the spacing scale (0, 0.5, 1, 1.5, 2, 3, 4, 5, 6, 8, 10). Use padding={0} for edge-to-edge content.
• paddingBlock (SpacingStep): Block (vertical) padding override. Overrides only the block-axis padding while preserving inline padding from 'padding' or the container theme default. Accepts the spacing scale (0, 0.5, 1, 1.5, 2, 3, 4, 5, 6, 8, 10).
• xstyle (StyleXStyles): StyleX styles for layout customization (margins, positioning, sizing). Must be a stylex.create() value, not an inline style object.

Props typed as React nodes, render functions, event handlers, refs, or StyleX styles are documented for Astryx parity but cannot be serialized directly from Python unless the wrapper adapts them.

See Astryx component docs: https://astryx.atmeta.com/components/Section.