## Usage
### React
```tsx
import React from 'react';
import { KvRadioList } from '@kelvininc/react-ui-components/client';
const RadioListExample: React.FC = () => {
return (
<>
{/* Default */}
{/* With label */}
{/* With disabled option */}
{/* With selected option */}
);
};
```
## Properties
| Property | Attribute | Description | Type | Default |
| ---------------------- | ------------------ | ------------------------------------------------------ | ------------------------------------------------- | ----------- |
| `disabledOptions` | `disabled-options` | (optional) The options to show up as disabled | `{ [x: string]: boolean; [x: number]: boolean; }` | `undefined` |
| `label` | `label` | (optional) Form field label | `string` | `undefined` |
| `options` _(required)_ | `options` | (required) The configuration for the buttons to render | `IRadioListItem[]` | `undefined` |
| `required` | `required` | (optional) Form field required | `boolean` | `false` |
| `selectedOption` | `selected-option` | (optional) The desired selected option | `number \| string` | `undefined` |
## Events
| Event | Description | Type |
| ---------------- | -------------------------------- | ------------------------------- |
| `optionSelected` | Emits when an option is selected | `CustomEvent` |
## Shadow Parts
| Part | Description |
| ------------------- | -------------------------------- |
| `"items-container"` | The container for the list items |
## Dependencies
### Depends on
- [kv-form-label](../form-label)
- [kv-radio-list-item](../radio-list-item)
### Graph
```mermaid
graph TD;
kv-radio-list --> kv-form-label
kv-radio-list --> kv-radio-list-item
kv-radio-list-item --> kv-radio
kv-radio-list-item --> kv-link
kv-radio --> kv-icon
kv-link --> kv-icon
style kv-radio-list fill:#f9f,stroke:#333,stroke-width:4px
```
----------------------------------------------