Skip to content

[handbook] Add choosing-components guide and table layout#4308

Open
CiscoFran10 wants to merge 3 commits intomui:masterfrom
CiscoFran10:handbook/choosing-components-guide
Open

[handbook] Add choosing-components guide and table layout#4308
CiscoFran10 wants to merge 3 commits intomui:masterfrom
CiscoFran10:handbook/choosing-components-guide

Conversation

@CiscoFran10
Copy link
Contributor

@CiscoFran10 CiscoFran10 commented Mar 12, 2026

Draft / feature concept (DO NOT MERGE)

This PR adds a Choosing the right component handbook page to help developers pick the right Base UI component by use case.

https://deploy-preview-4308--base-ui.netlify.app/react/handbook/choosing-components

I've seen this come up a lot: devs opening issues and asking in Discord which component to use (e.g. Select vs Combobox, Dialog vs Popover, when to use Tooltip vs Toast). This is an attempt to address that with a single reference page that groups components by purpose and includes short "key differences" so people can decide without digging through every doc.

image

Why it's a draft / proposal

I know the Base UI team is working on a new design for the docs. This is not meant to be the final solution, just a concrete proposal you can:

  • Use as a starting point for a better "choosing components" experience in the new docs
  • Discuss and reshape (e.g. different grouping, placement, or UX)
  • Or drop if you prefer to solve it differently in the redesign

I wanted to put the idea and a minimal implementation out there so it can be discussed and, if useful, implemented in a better way as part of the new docs. Happy to iterate or close in favor of a different approach.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 12, 2026

commit: 10d3e7e

@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 ae562f9
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/69b24ce146c6c800080032bc
😎 Deploy Preview https://deploy-preview-4308--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.

@zannager zannager added the docs Improvements or additions to the documentation. label Mar 12, 2026
@aarongarciah aarongarciah self-requested a review March 17, 2026 12:06
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