From f-rha-radio
Use when the user wants to use, customize, or ask about the Radio component from the f-rha library. Covers radio group options (string array or object array), controlled selection, group label, and per-option or group-level disabled state.
How this skill is triggered — by the user, by Claude, or both
Slash command
/f-rha-radio:radioThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A radio button group component for single-selection from a list of options.
A radio button group component for single-selection from a list of options.
| Prop | Type | Default | Description |
|---|---|---|---|
options | string[] | { label: string; value: string; disabled?: boolean }[] | [] | List of options |
value | string | — | Currently selected value |
onChange | (value: string) => void | — | Called with the selected value when changed |
name | string | — | HTML name attribute, groups the radio inputs |
label | string | — | Group label displayed above the options |
disabled | boolean | false | Disables all options |
import { Radio } from "f-rha";
const [selected, setSelected] = useState("react");
// Simple string array
<Radio
name="framework"
label="Pick a framework"
options={["react", "vue", "svelte"]}
value={selected}
onChange={setSelected}
/>
// Object array with per-option disabled
<Radio
name="plan"
label="Subscription"
options={[
{ label: "Free", value: "free" },
{ label: "Pro", value: "pro" },
{ label: "Enterprise", value: "enterprise", disabled: true },
]}
value={selected}
onChange={setSelected}
/>
npx claudepluginhub dio-chu/f-rha-marketplace --plugin f-rha-radioRadio button component from SmartHR UI for single selection from a short list (≤5 items). Includes accessibility rules and usage guidelines.
Builds accessible, customizable design systems using Radix UI primitives for React. Covers headless customization, theming strategies, and compound component patterns.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.