## Examples

### Controlled


import RadioControlled from "./RadioControlled.tsx?raw"

<LiveExample src={RadioControlled} />

### Uncontrolled


import RadioUncontrolled from "./RadioUncontrolled.tsx?raw"

<LiveExample src={RadioUncontrolled} />

### Reversed


import RadioReversed from "./RadioReversed.tsx?raw"

<LiveExample src={RadioReversed} />

### Label wraps

You can expand the clickable area of a radio so that it spans wider than the radio label by adding the `isLabelWrapped` property. This allows users to select a radio by clicking the radio itself, the label, or the area between the radio and the label.


import RadioLabelWraps from "./RadioLabelWraps.tsx?raw"

<LiveExample src={RadioLabelWraps} />

### Disabled


import RadioDisabled from "./RadioDisabled.tsx?raw"

<LiveExample src={RadioDisabled} />

### With description


import RadioWithDescription from "./RadioWithDescription.tsx?raw"

<LiveExample src={RadioWithDescription} />

### With body


import RadioWithBody from "./RadioWithBody.tsx?raw"

<LiveExample src={RadioWithBody} />

### With description and body


import RadioWithDescriptionAndBody from "./RadioWithDescriptionAndBody.tsx?raw"

<LiveExample src={RadioWithDescriptionAndBody} />

### Standalone input


import RadioStandaloneInput from "./RadioStandaloneInput.tsx?raw"

<LiveExample src={RadioStandaloneInput} />