Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsCards & layout

Expandable Card

Grid of cards whose surface, media and title morph into a centred detail panel with shared layout, closing on Escape, backdrop or close and returning focus; the panel is also exported as ExpandableDetail for inline use.

Preview

Open a card · Esc, the backdrop or × closes it

Opened state, inline:

Field trip · 2 days

Dune walk at first light

Meet at the north car park at 05:40. The route climbs three ridges before the beach and loops back through the pine belt. Bring water and a windproof layer.

Distance
11 km
Climb
240 m
Group
8 / 12

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
items{ id; title; eyebrow?; media; summary?; detail; actions? }[]—Cards; media and title travel into the panel, detail and actions appear there.
openId / defaultOpenId / onOpenChangestring | nullnullWhich card is expanded, controlled or not.
labelstring"Cards"Accessible name of the card list.
ExpandableDetail{ item; onClose? }—The expanded panel as its own part, for inline use without the dialog.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗