4AF Components

Fields and selection

Radio

A Base UI radio group with controlled and uncontrolled selection.

View as Markdown
⠋

Install

npx shadcn@latest add https://4af.selfsimilar.dev/r/radio.json

Usage

import { Radio, RadioGroup } from "@/components/ui/radio";

<RadioGroup aria-label="Density" defaultValue="comfortable">
  <Radio value="comfortable" label="Comfortable" />
</RadioGroup>

API

Main exports: RadioGroup, Radio

A single-choice Base UI radio group with the Checkbox family's geometry and an animated dot.

On this page