Skip to content

[docs] Design changes here and there#4875

Draft
aarongarciah wants to merge 33 commits into
mui:masterfrom
aarongarciah:docs-main-content-width
Draft

[docs] Design changes here and there#4875
aarongarciah wants to merge 33 commits into
mui:masterfrom
aarongarciah:docs-main-content-width

Conversation

@aarongarciah
Copy link
Copy Markdown
Member

@aarongarciah aarongarciah commented May 21, 2026

Preview: https://deploy-preview-4875--base-ui.netlify.app/react/overview/quick-start

  • Makes header, left sidebar, and right sidebar fixed.
  • Makes the docs sidebars and main content columns match the home page layout.
  • Removes grid lines and footer.
  • Removes body's gray background.
  • Changes the "Show code" button on demos to be a floating pill.

@aarongarciah aarongarciah requested a review from colmtuite May 21, 2026 11:06
@aarongarciah aarongarciah added the docs Improvements or additions to the documentation. label May 21, 2026
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented May 21, 2026

commit: 334dbde

@code-infra-dashboard
Copy link
Copy Markdown

code-infra-dashboard Bot commented May 21, 2026

Bundle size

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

Details of bundle changes

Performance

Total duration: 1,099.16 ms -50.29 ms(-4.4%) | Renders: 50 (+0) | Paint: 1,663.13 ms -78.66 ms(-4.5%)

Test Duration Renders
Checkbox mount (500 instances) 57.78 ms ▼-24.02 ms(-29.4%) 1 (+0)

11 tests within noise — details


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

@netlify
Copy link
Copy Markdown

netlify Bot commented May 21, 2026

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 4a8a91d
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/6a19685b42f19100088a75bb
😎 Deploy Preview https://deploy-preview-4875--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@aarongarciah aarongarciah marked this pull request as draft May 27, 2026 13:22
@aarongarciah aarongarciah force-pushed the docs-main-content-width branch from ac930c2 to 26af6ea Compare May 27, 2026 13:36
@aarongarciah aarongarciah changed the title [docs] Match docs content width to homepage [docs] Match docs columns layout with homepage May 27, 2026
@aarongarciah aarongarciah force-pushed the docs-main-content-width branch from 26af6ea to b788224 Compare May 27, 2026 13:41
@aarongarciah aarongarciah changed the title [docs] Match docs columns layout with homepage [docs] Design changes here and there May 27, 2026
@aarongarciah aarongarciah force-pushed the docs-main-content-width branch 2 times, most recently from 12f3179 to eb74312 Compare May 28, 2026 17:30
@aarongarciah aarongarciah force-pushed the docs-main-content-width branch from eb74312 to f9724f2 Compare May 28, 2026 17:36
@github-actions github-actions Bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label May 28, 2026
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. PR: out-of-date The pull request has merge conflicts and can't be merged.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant