React Radio Group Component

Installation

pnpm add krz-ui

import { RadioGroup } from "krz-ui";

<RadioGroup
  label="Plan"
  defaultValue="pro"
  options={[
    { value: "free", label: "Free" },
    { value: "pro", label: "Pro" },
  ]}
/>

Prop	Type	Description
`options`	`RadioOption[]`	Options with value, label, description and disabled.
`value / defaultValue`	`string`	Controlled or initial value.
`onValueChange`	`(value: string) => void`	Called when the selection changes.
`orientation`	`"vertical" \| "horizontal"`	Layout direction.
`variant`	`"default" \| "cards"`	Render options as selectable cards.
`label / name / disabled`	`ReactNode / string / boolean`	Group label, form name and disabled state.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ label?, options?, option?, circle?, optionLabel?, description? }`	Extra classes for inner parts.