-
-
Notifications
You must be signed in to change notification settings - Fork 32.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[docs] Move 5 component names to Title Case #34118
[docs] Move 5 component names to Title Case #34118
Conversation
The CODEOWNER got it wrong here, I only updated documentation on these components, it shouldn't have asked for a review for everybody. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm glad to see more consistency here! Unstyled components should also be treated as proper nouns and capitalized.
@@ -24,6 +24,6 @@ | |||
"forwardsRefTo": "HTMLButtonElement", | |||
"filename": "/packages/mui-base/src/ButtonUnstyled/ButtonUnstyled.tsx", | |||
"inheritance": null, | |||
"demos": "<ul><li><a href=\"/base/react-button/\">Button</a></li></ul>", | |||
"demos": "<ul><li><a href=\"/base/react-button/\">Unstyled button</a></li></ul>", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
"demos": "<ul><li><a href=\"/base/react-button/\">Unstyled button</a></li></ul>", | |
"demos": "<ul><li><a href=\"/base/react-button/\">Unstyled Button</a></li></ul>", |
@@ -23,6 +23,6 @@ | |||
"spread": false, | |||
"filename": "/packages/mui-base/src/ClickAwayListener/ClickAwayListener.tsx", | |||
"inheritance": null, | |||
"demos": "<ul><li><a href=\"/base/react-click-away-listener/\">Click away listener</a></li></ul>", | |||
"demos": "<ul><li><a href=\"/base/react-click-away-listener/\">Click-away listener</a></li></ul>", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
"demos": "<ul><li><a href=\"/base/react-click-away-listener/\">Click-away listener</a></li></ul>", | |
"demos": "<ul><li><a href=\"/base/react-click-away-listener/\">Click-Away Listener</a></li></ul>", |
@@ -16,6 +16,6 @@ | |||
"forwardsRefTo": "HTMLDivElement", | |||
"filename": "/packages/mui-base/src/FormControlUnstyled/FormControlUnstyled.tsx", | |||
"inheritance": null, | |||
"demos": "<ul><li><a href=\"/base/react-form-control/\">Form control</a></li></ul>", | |||
"demos": "<ul><li><a href=\"/base/react-form-control/\">Unstyled form control</a></li></ul>", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
"demos": "<ul><li><a href=\"/base/react-form-control/\">Unstyled form control</a></li></ul>", | |
"demos": "<ul><li><a href=\"/base/react-form-control/\">Unstyled Form Control</a></li></ul>", |
@@ -47,6 +47,6 @@ | |||
"forwardsRefTo": "HTMLDivElement", | |||
"filename": "/packages/mui-base/src/InputUnstyled/InputUnstyled.tsx", | |||
"inheritance": null, | |||
"demos": "<ul><li><a href=\"/base/react-input/\">Input</a></li></ul>", | |||
"demos": "<ul><li><a href=\"/base/react-input/\">Unstyled input</a></li></ul>", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
"demos": "<ul><li><a href=\"/base/react-input/\">Unstyled input</a></li></ul>", | |
"demos": "<ul><li><a href=\"/base/react-input/\">Unstyled Input</a></li></ul>", |
* - [Switches](https://mui.com/material-ui/react-switch/) | ||
* - [Text fields](https://mui.com/material-ui/react-text-field/) | ||
* - [Checkbox](https://mui.com/material-ui/react-checkbox/) | ||
* - [Radio button](https://mui.com/material-ui/react-radio-button/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* - [Radio button](https://mui.com/material-ui/react-radio-button/) | |
* - [Radio Button](https://mui.com/material-ui/react-radio-button/) |
* - [Radio buttons](https://mui.com/material-ui/react-radio-button/) | ||
* - [Switches](https://mui.com/material-ui/react-switch/) | ||
* - [Checkbox](https://mui.com/material-ui/react-checkbox/) | ||
* - [Radio button](https://mui.com/material-ui/react-radio-button/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* - [Radio button](https://mui.com/material-ui/react-radio-button/) | |
* - [Radio Button](https://mui.com/material-ui/react-radio-button/) |
* - [Radio buttons](https://mui.com/material-ui/react-radio-button/) | ||
* - [Switches](https://mui.com/material-ui/react-switch/) | ||
* - [Checkbox](https://mui.com/material-ui/react-checkbox/) | ||
* - [Radio button](https://mui.com/material-ui/react-radio-button/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* - [Radio button](https://mui.com/material-ui/react-radio-button/) | |
* - [Radio Button](https://mui.com/material-ui/react-radio-button/) |
@@ -55,7 +55,7 @@ export interface RadioProps | |||
* | |||
* Demos: | |||
* | |||
* - [Radio buttons](https://mui.com/material-ui/react-radio-button/) | |||
* - [Radio button](https://mui.com/material-ui/react-radio-button/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* - [Radio button](https://mui.com/material-ui/react-radio-button/) | |
* - [Radio Button](https://mui.com/material-ui/react-radio-button/) |
@@ -31,7 +31,7 @@ export type RadioGroupClassKey = keyof NonNullable<RadioGroupProps['classes']>; | |||
* | |||
* Demos: | |||
* | |||
* - [Radio buttons](https://mui.com/material-ui/react-radio-button/) | |||
* - [Radio button](https://mui.com/material-ui/react-radio-button/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* - [Radio button](https://mui.com/material-ui/react-radio-button/) | |
* - [Radio Button](https://mui.com/material-ui/react-radio-button/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@samuelsycamore I can't apply any of your suggestions as these lines are auto-generated. It's taking the h1 of https://mui.com/material-ui/react-radio-button/.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also, I don't agree on this one. Maybe we should rename it to "Radio Group", like https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah, I didn't realize these were auto-generated. Can we change the way they're generated so that they capitalize every word in the name? Otherwise it's inconsistent.
@michaldudak Most of this is auto-generated. I fixed the logic that extracts the titles for the demo links. Before, it was generated arbitrarily. Now it's using the H1 of the page it links to, which is a lot more reliable and consistent. |
I have renamed the title to be clearer, I changed 5 components, no more, there are > 50 to handle. I'm merging as the feedback so far were covering matters outside of the scope of this PR 😁 |
It's a quick iteration to help @samuelsycamore in mui/mui-x#5754 (comment).
https://deploy-preview-34118--material-ui.netlify.app/material-ui/react-button-group/