Skip to content

Conversation

@mnajdova
Copy link
Member

Closes #3028

@mnajdova mnajdova added the docs Improvements or additions to the documentation. label Oct 29, 2025
@pkg-pr-new
Copy link

pkg-pr-new bot commented Oct 29, 2025

vite-css-base-ui-example

pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/react@3088
pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/utils@3088

commit: 5331343

@mui-bot
Copy link

mui-bot commented Oct 29, 2025

Bundle size report

Bundle Parsed size Gzip size
@base-ui-components/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 Oct 29, 2025

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 5331343
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/69031d939a1ff40008dc0cb6
😎 Deploy Preview https://deploy-preview-3088--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.

@mnajdova mnajdova marked this pull request as ready for review October 29, 2025 13:41
parts="Root, Value, Icon, Input, Clear, Trigger, Chips, Chip, ChipRemove, List, Portal, Backdrop, Positioner, Popup, Arrow, Status, Empty, Collection, Row, Item, ItemIndicator, Group, GroupLabel, Separator"
/>

## useFilter
Copy link
Member

Choose a reason for hiding this comment

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

I think the useFilter section should follow the reference to the end as well ~

Copy link
Member Author

Choose a reason for hiding this comment

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

You mean having this order of the sections?

Hero
Usage guidelines
Anatomy
TypeScript inference
Examples
useFilter
API

Typically on the other pages the explanation and code samples are first, and they are all the examples, this is why I didn't change the order. Happy to revisit this tough. We have a hook documentation on the autocomplete and the toast pages too, and they are all following this order. cc @atomiks as he wrote the documentation on these components.

Copy link
Contributor

Choose a reason for hiding this comment

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

useFilter is "part" of the API reference, but just a hook instead of a component. Our docs don't distinguish them properly though. I'd place it at the very end, after the API reference (same with e.g. Toast)

I would also change "Accessibility guidelines" to "Usage guidelines" as well so it's consistent on all pages

Copy link
Member Author

Choose a reason for hiding this comment

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

I would also change "Accessibility guidelines" to "Usage guidelines" as well so it's consistent on all pages

Would you add them after the examples? I thought it make sense for them to be before the examples as they explain something about the component.

Copy link
Contributor

Choose a reason for hiding this comment

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

It's kept at the top intentionally as it's important to read. Only the hooks/API reference should go at the end

Copy link
Member

Choose a reason for hiding this comment

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

"General usage" under Toast should also be changed to "Usage guidelines" as well (it's the only "General usage" heading we have)

Copy link
Contributor

@atomiks atomiks Oct 30, 2025

Choose a reason for hiding this comment

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

The second dot point isn't a guideline though, more of just how it can work

Copy link
Member Author

Choose a reason for hiding this comment

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

Ok, we are on the same page then regarding the order 👌 I agree around renaming "General usage" to "Usage guidelines". Yep, the second dot is an information, but I think it still fit in this section, I wouldn't move it.

Copy link
Member Author

Choose a reason for hiding this comment

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

I wonder if Global Manager and Stacking and animations shouldn't be subsection of the Usage guidelines.

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.

[docs] Move examples above API documentation

5 participants