<dy-segmented>
A segmented control is a linear set of two or more segments, each of which functions as a mutually exclusive button. Within the control, all segments are equal in width.
Example
Loading...
<dy-segmented
.value=${0}
.options=${ [ {"label":"Item"}, {"label":"Item 2"}, {"label":"Item 3"} ] }
@change=${(evt) => evt.target.value = evt.detail}></dy-segmented>
API
DuoyunSegmentedElement
Extends TapSegmentedElement
TapSegmentedElement
Shadow DOM; Extends GemElement
TapSegmentedElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
disabled(disabled) |
Yes | boolean |
small(small) |
Yes | boolean |
options |
Yes | SegmentedOption[] |
value |
Yes | any |
change |
Emitter<any> |
TapSegmentedElement Other
| Type | Value |
|---|---|
| Event | change |
| Part | segment, icon, marker, current |
| CSS State | animating |