Files
react-test/docs/pages/design-kits.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

44 lines
1.8 KiB
TypeScript

import Divider from '@mui/material/Divider';
import Head from 'docs/src/modules/components/Head';
import AppHeader from 'docs/src/layouts/AppHeader';
import AppFooter from 'docs/src/layouts/AppFooter';
import DesignKitHero from 'docs/src/components/productDesignKit/DesignKitHero';
import DesignKitValues from 'docs/src/components/productDesignKit/DesignKitValues';
import DesignKitDemo from 'docs/src/components/productDesignKit/DesignKitDemo';
import DesignKitFAQ from 'docs/src/components/productDesignKit/DesignKitFAQ';
import SyncFeatures from 'docs/src/components/productDesignKit/SyncFeatures';
import MaterialEnd from 'docs/src/components/productMaterial/MaterialEnd';
import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
import References, { DESIGNKITS_CUSTOMERS } from 'docs/src/components/home/References';
import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
export default function DesignKits() {
return (
<BrandingCssVarsProvider>
<Head
title="Material UI in your favorite design tool"
description="Pick your favorite design tool to enjoy and use Material UI components. Boost consistency and facilitate communication when working with developers."
card="/static/social-previews/designkits-preview.jpg"
/>
<AppHeaderBanner />
<AppHeader gitHubRepository="https://github.com/mui/mui-design-kits" />
<main id="main-content">
<DesignKitHero />
<References companies={DESIGNKITS_CUSTOMERS} />
<Divider />
<DesignKitValues />
<Divider />
<DesignKitDemo />
<Divider />
<SyncFeatures />
<Divider />
<DesignKitFAQ />
<Divider />
<MaterialEnd noFaq />
</main>
<Divider />
<AppFooter />
</BrandingCssVarsProvider>
);
}