Skip to content
Magma Design System
Input range<mds-input-range>Generated from @maggioli-design-system/magma@2.3.0dist/documentation.json. Encapsulation: shadow.
CSS custom properties
--mds-input-range-thumb-backgroundSets the thumb background color
--mds-input-range-thumb-background-disabledSets the thumb background color when the component is disabled
--mds-input-range-thumb-cursorSets the thumb cursor
--mds-input-range-thumb-sizeSets the thumb width and height of the component
--mds-input-range-track-backgroundSets the track background color
--mds-input-range-track-background-disabledSets the track background color when the component is disabled
--mds-input-range-track-progress-backgroundSets the track progress background color
--mds-input-range-track-progress-background-disabledSets the track progress background color when the component is disabled
--mds-input-range-track-sizeSets the track width and height
Parts
headerThe element containing the labels displayed over the input element
trackThe element containing the track of the input range