KSelect
Select component to select value from options.
Install
bash
pnpm add @ikun-ui/selectpnpm add @ikun-ui/selectbash
yarn add @ikun-ui/selectyarn add @ikun-ui/selectbash
npm install @ikun-ui/selectnpm install @ikun-ui/selectBasic usage
Prefix icon and suffix icon select
Set the prefix through the icon attribute
Disabled select
Disable the select through the disabled attribute
Select Props
| Name | Type | Default | Description |
|---|---|---|---|
| value | string | - | Binding value |
| iconPrefix | string | - | The class name of the prefix icon, following the unocss standard |
| iconPrefix | string | - | The class name of the suffix icon, following the unocss standard |
| placeholder | string | false | Select's placeholder |
| disabled | boolean | false | Disable the Select |
| cls | string | - | Additional class |
| attrs | any | {} | Additional attributes |
Select Events
| Name | Description | Type |
|---|---|---|
| updateValue | Event fired on select | (value: HTMLSelectElement.value)=> void |
Select Slots
| Name | Description |
|---|---|
| prefix | Customize select prefix content |
| suffix | Customize select suffix content |