Skip to content
On this page

KSelect

Select component to select value from options.

Install

bash
pnpm add @ikun-ui/select
pnpm add @ikun-ui/select
bash
yarn add @ikun-ui/select
yarn add @ikun-ui/select
bash
npm install @ikun-ui/select
npm install @ikun-ui/select

Basic 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

NameTypeDefaultDescription
valuestring-Binding value
iconPrefixstring-The class name of the prefix icon, following the unocss standard
iconPrefixstring-The class name of the suffix icon, following the unocss standard
placeholderstringfalseSelect's placeholder
disabledbooleanfalseDisable the Select
clsstring-Additional class
attrsany{}Additional attributes

Select Events

NameDescriptionType
updateValueEvent fired on select(value: HTMLSelectElement.value)=> void

Select Slots

NameDescription
prefixCustomize select prefix content
suffixCustomize select suffix content

MIT Licensed