Cards

Slotted panel card

A composable surface with header, action, body and footer slots that keep their spacing however many are used.

Sign in to your workspace

Use your work email to keep boards and billing in sync.

Work emailPassword

Using Slotted panel card

A composable surface with header, action, body and footer slots that keep their spacing however many are used.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: title, showAction, showDivider, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1841Bevel Edge Panel CardCardsA card with a one-pixel inner bevel that makes it look pressed into the page, and a frame mode that groups stacked sub-panels.

2836Nested panel frameCardsA muted outer shell with a compact header and footer strip that holds one or more crisper inset panels, grouping related content with clear depth.

1876Pointer Spotlight PanelCardsA content panel with a soft light that follows the pointer across its face and pins to the centre on keyboard focus.

1845Brushed Metal PassCardsAn access-pass card whose brushed metal face carries a specular band that swings with the pointer, over a rippled noise surface and a fine grain.

1846Card Shuffle StackCardsA fanned stack of panels that cycles on a timer: the front panel drops away, the rest step forward, and the dropped one swings in at the back.

1854Edge tracking glow cardCardsA card whose outline only lights up where the pointer gets close to it, brightening as you approach the rim and going dark near the middle.