Radio Group

Open-code aq-ui accessible component family for Radio Group.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

StarterFor personal projectsTeamFor growing product teamsEnterpriseFor custom security needs

Loading interactive preview…

pnpm dlx aq-ui@alpha add radio-group

Client module

Import the parts you need, then jump to an export for its contract.

"use client"

import { RadioGroup } from "@/components/ui/radio-group"

<RadioGroup />

Open-code aq-ui accessible component family for Radio Group.

const RadioGroup = React.forwardRef<React.ComponentRef<typeof RadioGroupPrimitive>, RadioGroupPrimitive.Props>(…)

Item export for composing Radio Group.

const RadioGroupItem = React.forwardRef<React.ComponentRef<typeof RadioPrimitive.Root>, RadioPrimitive.Root.Props>(…)

utils

@base-ui/react@^1.7.0