Skip to content

Commit cac8c83

Browse files
committed
change guide
1 parent 0aff7f2 commit cac8c83

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

docs/guide/options.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,23 @@ You can customize the placeholders when options are found while searching.
101101
<v-multiselect-listbox style="margin-bottom: 40px;" :options="[{label: 'Alabama', code: 'al'}, {label: 'California', code: 'cal'}]" :reduce-display-property="(option) => option.label" :reduce-value-property="(option) => option.code" no-options-found-text="No state found" no-selected-options-found-text="No selected state found"></v-multiselect-listbox>
102102

103103

104+
## Hide Search Input
105+
106+
You can hide the search input using the following option `hide-search-inputs`:
107+
108+
```html
109+
<v-multiselect-listbox :options="[{label: 'Alabama', code: 'al'}, {label: 'California', code: 'cal'}]"
110+
:reduce-display-property="(option) => option.label"
111+
:reduce-value-property="(option) => option.code"
112+
no-options-found-text="No state found"
113+
no-selected-options-found-text="No selected state found"
114+
hide-search-inputs>
115+
</v-multiselect-listbox>
116+
```
117+
118+
<v-multiselect-listbox style="margin-bottom: 40px;" :options="[{label: 'Alabama', code: 'al'}, {label: 'California', code: 'cal'}]" :reduce-display-property="(option) => option.label" :reduce-value-property="(option) => option.code" no-options-found-text="No state found" no-selected-options-found-text="No selected state found" hide-search-inputs></v-multiselect-listbox>
119+
120+
104121
## Style Search Input
105122

106123
You can pass a class to style the input boxes. The property to pass the class is `search-input-class`.

0 commit comments

Comments
 (0)