Radio group
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Installation
npx shadcn@latest add https://spoke.georgedrury.co.uk/r/radio-groupLineage
Anatomy
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
export default () => (
<RadioGroup>
<RadioGroupItem />
</RadioGroup>
)Spoke utility classes
| Class | Fallback chain | Description |
|---|---|---|
--radio-radius | 9999px | Border radius for radio |
--radio-border | var(--input) | Border colour for radio |
--radio-background | transparent | Background colour for radio |
--radio-indicator | var(--primary) | Colour for indicator radio variant |
--shadow-radio | var(--shadow-xs) | Box shadow for radio |