<dy-picker>
Example
Loading...
<dy-picker
.value=${"Option 1"}
.options=${[{"label":"Option 1"},{"label":"Option 2"}]}
@change=${(evt) => evt.target.value = evt.detail}></dy-picker> <dy-picker
.placeholder=${"Select Option"}
.borderless=${true}
.multiple=${true}
.options=${ [ {"label":"Option 1"}, { "label": "Option 2", "children": [{"label":"Option 3"}] } ] }
@change=${(evt) => evt.target.value = evt.detail}></dy-picker>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
placeholder(placeholder) |
Yes | string |
disabled(disabled) |
Yes | boolean |
borderless(borderless) |
Yes | boolean |
selectmode(selectmode) |
Yes | boolean |
fit(fit) |
Yes | boolean |
multiple(multiple) |
Yes | boolean |
options |
Yes | Option[] |
value |
Yes | any | any[] |
change |
Emitter<any> |
Instance Methods
| Method | Type |
|---|---|
showPicker |
() => void |
Other
| Type | Value |
|---|---|
| Event | change |
| CSS State | active |