mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
52 lines
1.1 KiB
Markdown
52 lines
1.1 KiB
Markdown
# Auto Complete
|
|
Use as search hint or something similar.
|
|
## Demos
|
|
```demo
|
|
basic
|
|
size
|
|
custom-input
|
|
after-select
|
|
```
|
|
## V-model
|
|
|Prop|Event|
|
|
|-|-|
|
|
|value|input|
|
|
|
|
## Props
|
|
|Name|Type|Default|Description|
|
|
|-|-|-|-|
|
|
|theme|`'light' \| 'dark'`|`null`||
|
|
|size|`'small' \| 'medium' \| 'large'`|`'medium'`||
|
|
|value|`string`|`null`||
|
|
|options|`Array<AutoCompleteOption \| AutoCompleteOptionGroup>`|`[]`||
|
|
|placeholder|`string`|`null`||
|
|
|blur-after-select|`boolean`|`false`||
|
|
|clear-after-select|`boolean`|`false`||
|
|
|
|
## API
|
|
### AutoCompleteOption Type
|
|
|Property|Type|Description|
|
|
|-|-|-|
|
|
|label|`string`||
|
|
|value|`string \| number`|Should be unique in options.|
|
|
|disabled|`boolean`||
|
|
|render|`function`||
|
|
|
|
### AutoCompleteOptionGroup Type
|
|
|Property|Type|Description|
|
|
|-|-|-|
|
|
|type|`'group'`||
|
|
|name|`string`||
|
|
|children|`Array<AutoCompleteOption>`||
|
|
|
|
## Slots
|
|
|Name|Parameters|Description|
|
|
|-|-|-|
|
|
|default|`({ handleInput: (value: string) => any, handleFocus: function, handleBlur: function, value: string, theme: string \| null })`||
|
|
|
|
## Events
|
|
|Name|Parameters|Description|
|
|
|-|-|-|
|
|
|input|`(value: string \| null)`||
|
|
|select|`(value: string)`||
|