Skip to content

[Slider][material-next] Add Slider component #37527

@DiegoAndai

Description

@DiegoAndai

This issue is to track the work for adding the Slider component to @mui/material-next, moving forward the Material You effort (#29345)

Material You Slider specification: https://m3.material.io/components/sliders/overview

Migration Guide steps

  • Copy component files from material (v5) to material-next: PR #37520
  • Remove deprecated components and componentsProps props: PR #37520
  • Drop support for ThemeProvider in favor of CssVarsProvider: PR #37520
  • Migrate component to Typescript (test files in separate task below): PR #37520
  • Refactor component to use Base UI’s hook if it exists: Skipped, was already using Base's hook in v5.
  • Implement Material You design specs: PR #37520
  • Add component playground to v5 docs: PR #37520

Additional work

Work split into follow up issues

  • Migrate Slider.test.js to TS: #38021
  • Refactor styles to use CSS Variables: #38981
  • Implement opacity-based disabled state: #38982

Note: If a task is marked as [WIP] it means someone is working on it

Metadata

Metadata

Assignees

Labels

design: materialThis is about Material Design, please involve a visual or UX designer in the processdesign: material youscope: sliderChanges related to the slider.

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions