Back to Supabase

Radio Group Card

apps/design-system/content/docs/components/radio-group-card.mdx

1.26.04571 B
Original Source
<ComponentPreview name="radio-group-card-demo" peekCode wide />

Usage

tsx
import { RadioGroupCard, RadioGroupCardItem } from 'ui'
tsx
<RadioGroupCard defaultValue="comfortable">
  <RadioGroupCardItem value="default" id="r1" label="Default" />
  <RadioGroupCardItem value="comfortable" id="r2" label="Comfortable" />
  <RadioGroupCardItem value="compact" id="r3" label="Compact" />
</RadioGroupCard>

Examples

With children

<ComponentPreview name="radio-group-card-with-children" />

Form

<ComponentPreview name="radio-group-card-form" />