Choicebox

A card-styled selection group built on the Base UI Toggle Group. Single or multi-select, horizontal rows or vertical cards.

Live preview · Mira styleView code on GitHub →

Installation

Add the @crescent-ui registry to your components.json once. The style field carries your selected base and style (Mira), so the install command stays the same for every component.

{
  "style": "base-mira",
  "registries": {
    "@crescent-ui": "https://crescentui.com/r/{style}/{name}.json"
  }
}

Then add any component with the shadcn CLI:

npx shadcn@latest add @crescent-ui/choicebox

Prefer copy & paste? Grab the source from GitHub.

Examples

More ways to use the component.

Multi-select

A checkbox indicator — any number of options can be active at once.

Vertical cards

Icon-over-content cards laid out in a grid.