Skip to content
StrataKit Docs

Slider

Sliders allow users to select from a range of values.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • The color prop is not supported.
  • The value label matches the visual styling of Tooltip by applying the MuiTooltip-tooltip class name.
  • Restyled using StrataKit’s visual language.
  • Includes full forced-colors support.

Examples

Section titled “Examples”

Marks

Section titled “Marks”

Range

Section titled “Range”

Sizes

Section titled “Sizes”
  • Small: Use in compact interfaces where space is limited.
  • Medium: Default size, suitable for most use cases.

Tooltip

Section titled “Tooltip”

Use the valueLabelDisplay prop to show a tooltip near the Slider thumb for more precise selection.

Vertical

Section titled “Vertical”