mui / mui/material-ui

[Divider][material-next] Add Divider component

Open
#39,007 4 comments 1 reaction 1 assignee View on GitHub

@DiegoAndai is already working on this.

Since Oct 18, 2023.

design: material you on hold scope: divider
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

This issue is to track the work for adding the Divider component to @mui/material-next, moving forward the Material You effort (https://github.com/mui/material-ui/issues/29345)

Material You Divider specification: https://m3.material.io/components/divider/overview

Migration Guide steps

  • Copy component files from material (v5) to material-next
  • Remove deprecated components and componentsProps props
  • Drop support for ThemeProvider in favor of CssVarsProvider
  • Migrate component to Typescript
  • Refactor component to use Base UI’s hook if it exists: There's no Base UI hook, pure presentation component
  • Implement Material You design specs: PR #39179
  • Add component playground to v5 docs: PR #39179
  • Refactor styles to use component CSS Variables: WIP @rajvinder-kaur

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.