Select
The Select component is used to select choice.
1. Import
KUMUI exports 5 Select-related components:
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@rohitgadekar/kimui";
2. Usage
3. API
3.1 Select
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Wraps all components like SelectItem, SelectTrigger, etc. | - |
3.2 SelectTrigger
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | The element that triggers the opening of the dropdown. | - |
3.3 SelectValue
| Attribute | Type | Description | Default |
|---|---|---|---|
| placeholder | string | The text displayed when no value is selected. | - |
3.4 SelectContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Holds the dropdown options (SelectItem components). | - |
3.5 SelectItem
| Attribute | Type | Description | Default |
|---|---|---|---|
| value | string | number | The value of the option. It is used when the user selects the item. | - |