GitHub

Radio group

Installation

1. Install dependencies

npm install motion

2. Install radio group

npx shadcn-animated add radio-group

Usage

1
import { Label } from "@/components/ui/label"
2
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
1
<RadioGroup defaultValue="option-one">
2
  <div className="flex items-center gap-3">
3
    <RadioGroupItem value="option-one" id="option-one" />
4
    <Label htmlFor="option-one">Option One</Label>
5
  </div>
6
  <div className="flex items-center gap-3">
7
    <RadioGroupItem value="option-two" id="option-two" />
8
    <Label htmlFor="option-two">Option Two</Label>
9
  </div>
10
</RadioGroup>

Next