RadioGroup

Single-choice group with roving tabindex and arrow-key navigation, provided by Radix.

<RadioGroup
  label="Default member permissions"
  defaultValue="member"
  options={[
    { value: "viewer", label: "Viewer", description: "Read-only access to all projects." },
    { value: "member", label: "Member", description: "Can create and edit projects." },
  ]}
/>

Editable — change the code above and the preview updates live.

Installation

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

Props

Prop	Type	Default	Description
options	{ value, label, description?, disabled? }[]	—	The radio options
label	string	—	Group label (aria-label)
value / defaultValue	string	—	Controlled / uncontrolled selected value
onValueChange	(value) => void	—	Change handler