-
-
Notifications
You must be signed in to change notification settings - Fork 31.6k
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] Fix reported SEO issues #33818
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -120,7 +120,7 @@ Visit our [`styled-engine` guide](https://mui.com/material-ui/guides/styled-engi | |
|
||
<p align="center"> | ||
<a href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a> | ||
<a href="https://www.doit-intl.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars3.githubusercontent.com/u/8424863?s=256" alt="doit-intl" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a> | ||
<a href="https://www.doit-intl.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=256" alt="doit-intl" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Hit the main subdomain, let the infrastructure load balance behind the scene |
||
<a href="https://www.zesty.io/integrations/nextjs-cms/?utm_source=mui&utm_medium=referral&utm_campaign=sponsor" rel="noopener sponsored" target="_blank"><img height="90" width="90" src="https://brand.zesty.io/zesty-io-logo.svg" alt="zesty.io" title="The only Next.js CMS you need" loading="lazy" /></a> | ||
</p> | ||
|
||
|
@@ -131,14 +131,14 @@ Diamond Sponsors are those who have pledged \$1,500/month or more to MUI. | |
via [OpenCollective](https://opencollective.com/mui) or via [Patreon](https://www.patreon.com/oliviertassinari) | ||
|
||
<p align="center"> | ||
<a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://github.com/tidelift.png?size=192" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a> | ||
<a href="https://bit.dev/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-rig ht: 16px;"><img height="96" width="96" src="https://github.com/teambit.png?size=192" alt="bit.dev" title="The fastest way to share code" loading="lazy" /></a> | ||
<a href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img src="https://images.opencollective.com/callemall/09710fe/logo/192.png" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a> | ||
<a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=192" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a> | ||
<a href="https://bit.dev/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-rig ht: 16px;"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/24789812?s=192" alt="bit.dev" title="The fastest way to share code" loading="lazy" /></a> | ||
<a href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img src="https://avatars.githubusercontent.com/u/1262264?s=192" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a> | ||
<a href="https://online-aussie-casino.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/aussiecasinohex/923df37/logo/192.png" alt="online-aussie-casino.com" title="Aussie Gambling Guide" loading="lazy" /></a> | ||
<a href="https://sumatosoft.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/sumatosoft_company/0b78570/avatar/192.png" alt="sumatosoft.com" title="We help companies to digitalize their businesses" loading="lazy" /></a> | ||
<a href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://p18.zdusercontent.com/attachment/9422375/Rullx0rw9lUGKuyKOy4VQ9Zxq?size=192" alt="megafamous.com" title="The best place to buy Instagram followers & likes." loading="lazy" /></a> | ||
<a href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://mui.com/static/sponsors/megafamous.png" alt="megafamous.com" title="The best place to buy Instagram followers & likes." loading="lazy" /></a> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
<a href="https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/192.png" alt="dialmycalls.com" title="Send text messages, calls & emails to thousands with ease." loading="lazy" /></a> | ||
<a href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://goread.io/assets/uploads/usereb4ac3033e8ab3591e0fcefa8c26ce3fd36d5a0f/bd81e54effbcc265ad169015455a0c1e.png" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a> | ||
<a href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/192.png" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a> | ||
</p> | ||
|
||
Gold Sponsors are those who have pledged \$500/month or more to MUI. | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -102,12 +102,24 @@ export default function TabsBasic() { | |
})} | ||
> | ||
<TabPanel value={0}> | ||
<Typography level="h1" fontSize="xl2" mb={2} textColor="text.secondary"> | ||
<Typography | ||
level="h1" | ||
component="div" | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
fontSize="xl2" | ||
mb={2} | ||
textColor="text.secondary" | ||
> | ||
Deals | ||
</Typography> | ||
</TabPanel> | ||
<TabPanel value={1}> | ||
<Typography level="h1" fontSize="xl2" mb={2} textColor="text.secondary"> | ||
<Typography | ||
level="h1" | ||
component="div" | ||
fontSize="xl2" | ||
mb={2} | ||
textColor="text.secondary" | ||
> | ||
Library | ||
</Typography> | ||
</TabPanel> | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -86,7 +86,7 @@ The `Typography` component has access to the typographic level scale defined in | |
Use the `level` prop to control the scale value. | ||
|
||
:::info | ||
**Keep in mind:** each level renders a specific HTML tag (e.g. "h1" renders as an `<h2>` element, "body1" renders as a `<p>`, etc.) | ||
**Keep in mind:** each level renders a specific HTML tag (e.g. "h1" renders as an `<h1>` element, "body1" renders as a `<p>`, etc.) | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I guess it was a typo, cc @siriwatknp |
||
::: | ||
|
||
{{"demo": "TypographyScales.js"}} | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,8 @@ | ||
# Joy UI-Overview | ||
--- | ||
title: Overview | ||
--- | ||
|
||
# Joy UI - Overview | ||
Comment on lines
+1
to
+5
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
|
||
<p class="description">Joy UI is a library of beautifully designed React UI components.</p> | ||
|
||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,29 +5,29 @@ import Typography from '@mui/material/Typography'; | |
export default function Types() { | ||
return ( | ||
<Box sx={{ width: '100%', maxWidth: 500 }}> | ||
<Typography variant="h1" component="div" gutterBottom> | ||
<Typography variant="h1" gutterBottom> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Replicate the tradeoff taken in https://mui.com/joy-ui/react-typography/#levels there are no reasons to have a different tradeoff AFAIK, I'm using Joy UI's tradeoff for Material UI, sounds like a better DX. cc @siriwatknp |
||
h1. Heading | ||
</Typography> | ||
<Typography variant="h2" gutterBottom component="div"> | ||
<Typography variant="h2" gutterBottom> | ||
h2. Heading | ||
</Typography> | ||
<Typography variant="h3" gutterBottom component="div"> | ||
<Typography variant="h3" gutterBottom> | ||
h3. Heading | ||
</Typography> | ||
<Typography variant="h4" gutterBottom component="div"> | ||
<Typography variant="h4" gutterBottom> | ||
h4. Heading | ||
</Typography> | ||
<Typography variant="h5" gutterBottom component="div"> | ||
<Typography variant="h5" gutterBottom> | ||
h5. Heading | ||
</Typography> | ||
<Typography variant="h6" gutterBottom component="div"> | ||
<Typography variant="h6" gutterBottom> | ||
h6. Heading | ||
</Typography> | ||
<Typography variant="subtitle1" gutterBottom component="div"> | ||
<Typography variant="subtitle1" gutterBottom> | ||
subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos | ||
blanditiis tenetur | ||
</Typography> | ||
<Typography variant="subtitle2" gutterBottom component="div"> | ||
<Typography variant="subtitle2" gutterBottom> | ||
subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos | ||
blanditiis tenetur | ||
</Typography> | ||
|
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.
It's a 404 now