Buy Pro
Docs
Radio Cards

Radio Cards

Set of interactive cards where only one can be selected at a time.

Usage

import { RadioCardItem, RadioCards } from "@/components/ui/radio-cards"
<RadioCards
  defaultValue="cat"
  className="grid grid-cols-1 sm:grid-cols-2 gap-2"
>
  <RadioCardItem value="cat">Cat</RadioCardItem>
  <RadioCardItem value="dog">Dog</RadioCardItem>
</RadioCards>