Radio - Keep React
Table of Contents#
Default Radio Input#
The Default Radio Input is a fundamental user interface element that allows users to choose a single option from a group of options. It presents a list of choices, each accompanied by a radio button.
Radio shape variant#
The Radio Shape Variant component introduces different shape options for radio inputs, allowing you to customize the appearance of radio buttons. The available shape variants are: "circle" and "square".
Sizes Of Radio#
The Sizes of Radio component offers different size options for radio inputs to suit various design preferences and layouts. The available sizes include: sm md and lg.
API Reference#
Explore the available props for the radio component
| Property | Description | Type | Default |
|---|---|---|---|
| sizing | Sets the size of the radio input component. | sm md lg | lg |
| color | Radio input color | info success warning error | info |
| radioShape | Specifies the shape of the radio input, either circle or square. | circle square | circle |
| value | Value associated with the radio input. | string | None |
| selected | Currently selected value in a group of radio inputs. | string | None |
| onOptionChange | Callback function when the radio option changes. | () => void | None |