THEME
MOTION
HAPTIC
SOUND

RADIOGROUP

Single-select from 2+ options. Renders native radios under the hood; browser handles keyboard arrow-nav.

Live demo

Import

import { RadioGroup } from '@cathode-ui/react';

Props

Name Type Default Required Description
value string — yes
onChange (v: string) => void — yes
options Array<{value, label, disabled?}> — yes
orientation 'horizontal'|'vertical' horizontal —
accent 'success'|'info'|'warning'|'danger'|'accent' info —
disabled boolean false —
name string — — Shared form name. Auto-generated if omitted.

Examples

modes

<RadioGroup value={mode} onChange={setMode} options={[{value:"a",label:"Alpha"},{value:"b",label:"Beta"}]} aria-label="Mode" />

stacked

<RadioGroup value={v} onChange={setV} options={opts} orientation="vertical" />

Accessibility

Role: radiogroup

Feedback

Haptictap
Soundtick

Motion states

idle · press

← All components