Unfortunately, the design page you are looking for is not ready yet. But you might want to switch to the implementation tab. There you will find the corresponding Vue component and a description of the different use cases and what to consider when implementing it.
If you have any questions, suggestions or ideas for improvement right now, please feel free to contact us directly.
via Slack: #wescale-wui-public
via Mail: wescale-wui@wescale.com
Stay tuned!
This component is DEPRECATED and will be removed in the next major version! Please use wui-form-multiselect instead.
import WuiComboBox from "@wui/wui-vue/lib/combo-box";
Properties
| Prop | Type | Default | Description |
|---|---|---|---|
| id | String | The id attribute of the input control | |
| value | String | The value that is displayed in the input control | |
| choices | Array<Object%gt; | [] | Choices of type { value, label } |
| disabled | Boolean | false | Disables the combo box |
| placeholder | String | The placeholder of the input control |
Events
| Name | Arguments | Description |
|---|---|---|
| input | value: String, event: InputEvent | The input event is fired when the user changes the input value (e.g. when typing) |
| select | choice: Object | The select event is fired when the user selects a choice (via mouse or keyboard) |
| focus | event: FocusEvent | The focus event is fired when the user focuses the input control |
| blur | event: FocusEvent | The blur event is fired when the user blurs the input control |
Notes
- Currently, no other HTML attributes and event listeners are forwarded to the internal component
- This component is a vue wrapper for
@wui/wui-js/lib/combo-box
