Radio

Radio group with native arrow-key navigation between items. Exports both RadioGroup and Radio; a Radio only works inside a RadioGroup.

Previewlive — edit controls below

FreePro

Content

value

name

value

label

State

disabled

Basic

import { Radio, RadioGroup } from "@loom/muslin-react";

<RadioGroup name="plan" defaultValue="free">
  <Radio value="free" label="Free" />
  <Radio value="pro" label="Pro" />
</RadioGroup>

Plan picker

One shared name; arrow keys move between items.

import { Radio, RadioGroup } from "@loom/muslin-react";

<RadioGroup name="plan" defaultValue="free" onChange={(value) => setPlan(value)}>
  <Radio value="free" label="Free — 1 workspace" />
  <Radio value="pro" label="Pro — unlimited workspaces" />
</RadioGroup>