1.1.33 • Published 4 years ago
@singleware/ui-select v1.1.33
UI-Select
Custom HTML element used to replace the common select element, this custom element provides a simple way to customize the select input, arrow, list and its options inside.
State Attributes
| Name | Description |
|---|---|
| empty | Automatically assigned when there is no option selected |
| opened | Automatically assigned when the options list is displayed |
| found | Automatically assigned when there are options found |
| invalid | Automatically assigned when there is an invalid option selected |
Mirrored Properties
| Name | Description |
|---|---|
| name | Get and set the element name in the input slot |
| required | Get and set the required state in the input slot element |
| disabled | Get and set the disabled state in the input slot element |
Properties
| Name | Description |
|---|---|
| selection | Get the current selected option |
| search | Get the current search text |
| opened | Get the current opened state |
| found | Get the options found state |
| count | Get the total number of options |
| empty | Get the current empty state |
| value | Get the selected value or selects another options |
| defaultValue | Get and set the defaultValue |
| searchable | Get and set the searchable state |
| readOnly | Get and set the readOnly state |
| options | Set the initial list of options in the component construction |
Methods
| Name | Description |
|---|---|
| focus | Move the focus to the input slot element |
| reset | Reset the current value to the default value |
| checkValidity | Get the validity of the input slot element |
| setCustomValidity | Set a custom validity in the input slot element |
| addGroup | Adds a new group to be used by options |
| addOption | Adds a new select option |
| clear | Clear all options |
| open | Opens the options list |
| close | Closes the options list |
| toggle | Toggles the options list |
Slots
| Name | Description |
|---|---|
| input | Element to shows the selected option. Use: input or button element |
| search | Element to shows the options search (can be omitted) |
| arrow | Element to shows the customizable arrow (can be omitted) |
| result | Element to aggregate options with their groups |
| empty | Element to be visible when there are no options in the result |
Events
| Name | Description |
|---|---|
| focus | Dispatched when the input slot is focused |
| blur | Dispatched when the input slot loses focus |
| change | Dispatched when a different option is selected |
| renderoption | Dispatched when an option is added, needs to render the option element |
| renderselection | Dispatched when as option is selected, needs to render the current selection |
| rendergroup | Dispatched when an group is added, needs to render the group element |
Install
Using npm:
npm i @singleware/ui-selectLicense
1.1.33
4 years ago
1.1.32
4 years ago
1.1.31
4 years ago
1.1.30
4 years ago
1.1.29
5 years ago
1.1.28
5 years ago
1.1.27
5 years ago
1.1.26
5 years ago
1.1.25
5 years ago
1.1.24
5 years ago
1.1.23
5 years ago
1.1.22
5 years ago
1.1.21
5 years ago
1.1.20
5 years ago
1.1.19
5 years ago
1.1.18
5 years ago
1.1.17
5 years ago
1.1.16
5 years ago
1.1.15
5 years ago
1.1.14
5 years ago
1.1.13
5 years ago
1.1.12
5 years ago
1.1.11
5 years ago
1.1.10
5 years ago
1.1.9
5 years ago
1.1.8
5 years ago
1.1.7
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
6 years ago
1.0.11
6 years ago
1.0.10
6 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago