Card
Card — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
Card — Prism component.
Accessibility
Fully keyboard operable: Tab to focus, Enter/Space to activate. The visible focus ring uses --focus-ring — never remove it. Provide an accessible label (aria-label) for icon-only controls.
Import
const { Card } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
padded | boolean | — | Apply internal padding. Default true. |
isInteractive | boolean | — | Make the whole card a keyboard-focusable button target. |
onPress | (e: React.SyntheticEvent) => void | — | |
children | React.ReactNode | — | |
className | string | — |