Skip to content

[skeleton] Document text border radius customization#48596

Open
meaqua9420 wants to merge 3 commits into
mui:masterfrom
meaqua9420:docs-skeleton-text-radius
Open

[skeleton] Document text border radius customization#48596
meaqua9420 wants to merge 3 commits into
mui:masterfrom
meaqua9420:docs-skeleton-text-radius

Conversation

@meaqua9420
Copy link
Copy Markdown

Addresses #38190

Summary

  • Add a Skeleton docs note explaining how to keep text sizing behavior while changing border radius.
  • Add a focused demo using variant="text" with sx={{ borderRadius: 1 }}.
  • Generate the JavaScript and preview files from the TypeScript demo.

Verification

  • pnpm docs:typescript:formatted
  • pnpm prettier
  • pnpm eslint docs/data/material/components/skeleton/SkeletonTextWithCustomRadius.tsx docs/data/material/components/skeleton/SkeletonTextWithCustomRadius.js
  • git diff --cached --check

@meaqua9420

This comment was marked as resolved.

@mj12albert mj12albert changed the title [material-ui][Skeleton] Document text border radius customization [skeleton] Document text border radius customization Jun 1, 2026
@mj12albert mj12albert added the docs Improvements or additions to the documentation. label Jun 1, 2026
@mj12albert mj12albert requested a review from siriwatknp June 1, 2026 09:39
Comment on lines +74 to +76
To keep that typography sizing behavior while changing the shape, keep
`variant="text"` and customize the border radius with the `sx` prop instead of
switching to `rectangular` or `rounded`.
Copy link
Copy Markdown
Member

@mj12albert mj12albert Jun 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would be good to re-word this as simply "Use variant="text" to achieve xxxx" instead of literally saying "instead of switching to..."

@code-infra-dashboard
Copy link
Copy Markdown

Deploy preview

Bundle size

Bundle Parsed size Gzip size
@mui/material 0B(0.00%) 0B(0.00%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Improvements or additions to the documentation.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants