Skip to content

[docs] Fix toolbar anatomy and styled component example closing tags#4307

Merged
atomiks merged 2 commits intomui:masterfrom
CiscoFran10:docs/fix-anatomy-and-code-block-closing-tags
Mar 12, 2026
Merged

[docs] Fix toolbar anatomy and styled component example closing tags#4307
atomiks merged 2 commits intomui:masterfrom
CiscoFran10:docs/fix-anatomy-and-code-block-closing-tags

Conversation

@CiscoFran10
Copy link
Contributor

Fixes incorrect closing tags in documentation code blocks.

Changes

Toolbar anatomy

  • Fix: <Toolbar.Group> was closed with the self-closing <Toolbar.Group /> instead of </Toolbar.Group>.
  • The anatomy now correctly closes the group after the two <Toolbar.Button /> children.

Styling handbook – CSS-in-JS example

  • Fix: Closing tags in the styled components (Emotion) example were in the wrong order.
  • Replaced the incorrect order with: </StyledMenuPopup></StyledMenuPositioner></Menu.Portal> so the JSX nesting is correct.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 12, 2026

commit: 2100a50

@mui-bot
Copy link

mui-bot commented Mar 12, 2026

Bundle size report

Bundle Parsed size Gzip size
@base-ui/react 0B(0.00%) 0B(0.00%)

Details of bundle changes


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

@netlify
Copy link

netlify bot commented Mar 12, 2026

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 6ec6967
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/69b237f21e922e0007f50436
😎 Deploy Preview https://deploy-preview-4307--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Mar 12, 2026

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 1f942c2
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/69b237ffe14fc100089685e2
😎 Deploy Preview https://deploy-preview-4307--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@atomiks atomiks added the docs Improvements or additions to the documentation. label Mar 12, 2026
@atomiks atomiks merged commit 6aed040 into mui:master Mar 12, 2026
22 of 23 checks passed
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.

3 participants