<baht-range>
Range slider. Controlled.
Basic
Events (name)
<baht-range value="40" label="Volume"></baht-range>Stepped
show-value defaults on. It is a boolean attribute (presence = true), so show-value="false" does NOT turn it off. Set the property from JS instead: el.showValue = false. (Tracked for a false-default fix in the DS audit.)
Events (name)
<baht-range value="50" min="0" max="200" step="25" label="Budget"></baht-range>| Name | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Current value |
min | number | 0 | Minimum |
max | number | 100 | Maximum |
step | number | 1 | Step |
label | string | '' | Label above the slider |
disabled | boolean | false | Disable |
show-value | boolean | true | Show the numeric bubble |
Events
Section titled “Events”| Event | detail | Description |
|---|---|---|
name | CustomEvent | |
baht-change | { value } | Value changed |