Locara
← All components Form primitives

RadioGroup

Exclusive single-choice. Roving tabindex (one tab stop). Arrow keys move AND select per WAI-ARIA APG.

Inspired by Radix RadioGroup, WAI-ARIA APG Radio Group, Apple HIG Radio buttons.

Preview

What it looks like.

Arrow keys both move focus and select (WAI-ARIA APG radio pattern). The whole group is one tab stop.
Quantization

Live — the real component, scoped to this frame.

Usage

Drop it into your app.

import { RadioGroup, RadioGroupItem } from '@locara/components'

<RadioGroup value={quant} onValueChange={setQuant}>
  <RadioGroupItem value="q4">Q4_K_M — fast, sweet spot</RadioGroupItem>
  <RadioGroupItem value="q6">Q6_K — near-FP16 quality</RadioGroupItem>
  <RadioGroupItem value="q8">Q8_0 — indistinguishable from FP16</RadioGroupItem>
</RadioGroup>

Or copy the source into your repo: locara add radio-group