Skip to content
Cloaked Design SystemReference

Cards

Compare the real components, explore every example, and follow the guidance into implementation.

Implementation preview
COMPLETE STORYBOOK REFERENCE

Card

Explore every named example, including states, compositions, and theme variants.

13 stories
SELECTED EXAMPLE

Playground

Open controls
Playground selectedOpen canvas
Example sourcepackages/design-system/src/components/cards/Card/Card.stories.tsxExport Playground

Implementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.

Stories + source JSON ↗

Local specification source status: preview. Implementation preview pending sign-off.

The generic surface primitive, composed from typed slots for regions, text, and summary figures, and optionally pressable.

Design-owned component contract ↗Version 0.2.0-preview.1 · Implementation preview pending sign-off

Read Card guidance →

COMPLETE STORYBOOK REFERENCE

SelectionCard

Explore every named example, including states, compositions, and theme variants.

7 stories
SELECTED EXAMPLE

Playground

Open controls
Playground selectedOpen canvas
Example sourcepackages/design-system/src/components/cards/SelectionCard/SelectionCard.stories.tsxExport Playground

Implementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.

Stories + source JSON ↗

Local specification source status: preview. Implementation preview pending sign-off.

A tappable option card for choice grids, with a title, description, optional check control, and selected state.

Design-owned component contract ↗Version 0.2.0-preview.1 · Implementation preview pending sign-off

Read SelectionCard guidance →

Implementation preview

This design-owned implementation is ready to try and review. It does not establish product approval. Imported specifications retain their original review status.

Inspect version 0.2.0-preview.1