Skip to content
Magma
Design System
Documentation
Components
Magma
Design System
Collapse the navigation
Expand the navigation
Search
Home
Foundation
Tokens
Icons
Components
Building blocks
Patterns
Brand assets
Development
Community
Magma on GitHub
Magma Storybook
Preferences
Components
Input range
<mds-input-range>
Generated from
@maggioli-design-system/magma@2.3.0
dist/documentation.json
. Encapsulation:
shadow
.
CSS custom properties
--mds-input-range-thumb-background
Sets the thumb background color
--mds-input-range-thumb-background-disabled
Sets the thumb background color when the component is disabled
--mds-input-range-thumb-cursor
Sets the thumb cursor
--mds-input-range-thumb-size
Sets the thumb width and height of the component
--mds-input-range-track-background
Sets the track background color
--mds-input-range-track-background-disabled
Sets the track background color when the component is disabled
--mds-input-range-track-progress-background
Sets the track progress background color
--mds-input-range-track-progress-background-disabled
Sets the track progress background color when the component is disabled
--mds-input-range-track-size
Sets the track width and height
Parts
header
The element containing the labels displayed over the input element
track
The element containing the track of the input range
Documentation
Search
Ctrl
K
Cancel