mui / mui/material-ui

[Theme] Expand shape object to support borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius

Open
#45,188 1 comment 0 reactions 1 assignee View on GitHub

@brijeshb42 is already working on this.

Since Feb 3, 2025.

scope: system type: new feature
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Summary

When adding a border radius to any element in my project with styles or sx borderRadius: 1 it will make border radius using the theme spacing that will result in 4px. This is not the case when I am setting the borderTopLeftRadius: 1 will not check the theme to get the corresponding spacing needed instead it applies 1px spacing. This is also the case for all other borderRadius variants.

I assume that the problem is comming that the Shape object only accepts borderRadius and not the other options.

Image

Image

Search keywords: BorderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, Shape object

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.