msm-range is a web component built with Lit.
Purpose
Use this component as a reusable UI building block.Usage
Attributes / properties
Events
Usage
CSS parts
baseprogress
Slots
No documented slots.Methods
validate()
Notes
- Custom events bubble.
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Web component msm-range.
msm-range is a web component built with Lit.
<msm-range></msm-range>
| Name | Type | Default | Notes |
|---|---|---|---|
variant | RangeType | - | |
unit | string | - | |
step | number | this.step ? this.step : 1 | |
min | number | this.min ? this.min : 0 | |
max | number | this.max ? this.max : 1 | |
disabled | boolean | - | |
multiple | boolean | - | |
required | boolean | - |
| Event | detail | When |
|---|---|---|
msm-range-changed | value |
<msm-range>
</msm-range>
<script>
const el = document.querySelector("msm-range");
el.addEventListener("msm-range-changed", (e) => {
console.log(e.detail);
});
</script>
baseprogressvalidate()