Choicebox

A visual selection component presenting options as clickable cards with icons, titles, and descriptions. Supports single and multi-select modes.

Form Inputschoicecardradiocheckboxselection

Basic

import { Choicebox } from '@primstack/ui/choicebox'

<Choicebox
  options={[
    { value: 'starter', title: 'Starter', description: 'For individuals' },
    { value: 'pro', title: 'Pro', description: 'For teams' },
  ]}
  value="starter"
  onValueChange={setPlan}
/>

Related Components

RadioGroup

Accessible radio button group for single selection.

form-inputsformselection

Checkbox

Accessible checkbox with indeterminate state support.

form-inputsformtoggle

Card

Composable container with header, content, and footer slots.

data-displaycontainersurface