Container

Card

Definition

Groups one discrete item on an Astryx surface.

Usage

Use Card for self-contained content that can be compared, reordered, or removed independently.

Attributes

  • variant. default, transparent, muted, or named color surface.
  • padding. Astryx spacing value.
  • width, height, maxWidth, minHeight. Optional size constraints.

Children

Any rendered XML content.

Example

xml
<Card variant="muted">
<Stack gap="2">
<Heading level="3" label="Order" />
<Text value="$order.number" />
</Stack>
</Card>