Files
react-test/docs/pages/material-ui.tsx
how2ice 005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
init project
2025-12-12 14:26:25 +09:00

47 lines
2.1 KiB
TypeScript

import Divider from '@mui/material/Divider';
import Head from 'docs/src/modules/components/Head';
import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
import AppHeader from 'docs/src/layouts/AppHeader';
import MaterialHero from 'docs/src/components/productMaterial/MaterialHero';
import MaterialComponents from 'docs/src/components/productMaterial/MaterialComponents';
import MaterialTheming from 'docs/src/components/productMaterial/MaterialTheming';
import MaterialStyling from 'docs/src/components/productMaterial/MaterialStyling';
import MaterialTemplates from 'docs/src/components/productMaterial/MaterialTemplates';
import MaterialDesignKits from 'docs/src/components/productMaterial/MaterialDesignKits';
import MaterialEnd from 'docs/src/components/productMaterial/MaterialEnd';
import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References';
import AppFooter from 'docs/src/layouts/AppFooter';
import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
export default function MaterialUI() {
return (
<BrandingCssVarsProvider>
<Head
title="Material UI: React components that implement Material Design"
description="Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box."
card="/static/social-previews/materialui-preview.jpg"
/>
<AppHeaderBanner />
<AppHeader gitHubRepository="https://github.com/mui/material-ui" />
<main id="main-content">
<MaterialHero />
<References companies={CORE_CUSTOMERS} />
<Divider />
<MaterialComponents />
<Divider />
<MaterialTheming />
<Divider />
<MaterialStyling />
<Divider />
<MaterialTemplates />
<Divider />
<MaterialDesignKits />
<Divider />
<MaterialEnd />
<Divider />
</main>
<AppFooter stackOverflowUrl="https://stackoverflow.com/questions/tagged/material-ui" />
</BrandingCssVarsProvider>
);
}