Card

Render an Astryx card container.

Astryx Props

JSON-safe Card props forwarded to Astryx.

Supported Astryx props include:

width (SizeValue): Width of the card (number = pixels, string = used as-is).
height (SizeValue): Height of the card (number = pixels, string = used as-is).
maxWidth (SizeValue): Maximum width of the card.
minHeight (SizeValue): Minimum height of the card.
children (ReactNode): Content to render inside the card.
padding (0 or 0.5 or 1 or 1.5 or 2 or 3 or 4 or 5 or 6 or 8 or 10): Internal padding using the spacing scale.
variant ('default' or 'muted' or 'blue' or 'cyan' or 'gray' or 'green' or 'orange' or 'pink' or 'purple' or 'red' or 'teal' or 'yellow'): Background color variant. 'default' uses the standard card background. 'muted' uses the muted background for de-emphasised cards. The non-semantic variants use the corresponding '--color-<name>-background' token.

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/Card.

Functions

constructor__init__

(children=None, *, variant='default', padding=None, width=None, height=None, max_width=None, min_height=None, **props) -> None

paramchildrenChildInput

= None

Child widget, sequence of widgets, or mapping of slot names to widgets.

paramvariantstr

= 'default'

Astryx visual variant.

parampaddingint | float | None

= None

Inner padding using the Astryx spacing scale.

paramwidthint | float | str | None

= None

Card width.

paramheightint | float | str | None

= None

Card height.

parammax_widthint | float | str | None

= None

Maximum card width.

parammin_heightint | float | str | None

= None

Minimum card height.

parampropsAny

= {}

Returns

None

Functions

On this page