Card
UIContent container with border, tone variants, and compositional sub-components.
[EXAMPLES]
Tones
NEUTRAL
Default card
PRIMARY
Highlighted card
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| tone | "neutral" | "primary" | "success" | "warning" | "danger" | "neutral" | Border color tone |
| size | "auto" | "full" | "full" | "auto" = natural height, "full" = h-full for grids |
| interactive | boolean | false | Enable hover/focus states |
[ACCESSIBILITY]
ARIA
- >Uses <div> by default, can use as="article" or as="section"