Radio Group

1import { RadioGroup, RadioGroupItem } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <RadioGroup defaultValue="starter" className="gap-3">
6      <label className="flex items-center gap-2 text-sm">
7        <RadioGroupItem value="starter" /> Starter
8      </label>
9      <label className="flex items-center gap-2 text-sm">
10        <RadioGroupItem value="pro" /> Pro
11      </label>
12      <label className="flex items-center gap-2 text-sm">
13        <RadioGroupItem value="enterprise" /> Enterprise
14      </label>
15    </RadioGroup>
16  )
17}

1import { RadioGroup, RadioGroupItem } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <div className="space-y-3">
6      <RadioGroup defaultValue="glass" orientation="horizontal" className="flex items-center gap-3">
7        <RadioGroupItem value="default" variant="default" aria-label="Default" />
8        <RadioGroupItem value="glass" variant="glass" aria-label="Glass" />
9        <RadioGroupItem value="liquid" variant="liquid" aria-label="Liquid" />
10        <RadioGroupItem value="matte" variant="matte" aria-label="Matte" />
11        <RadioGroupItem value="outline" variant="outline" aria-label="Outline" />
12      </RadioGroup>
13      <RadioGroup defaultValue="md" orientation="horizontal" className="flex items-center gap-3">
14        <RadioGroupItem value="sm" size="sm" aria-label="Small" />
15        <RadioGroupItem value="md" size="md" aria-label="Medium" />
16        <RadioGroupItem value="lg" size="lg" aria-label="Large" />
17      </RadioGroup>
18    </div>
19  )
20}