diff --git a/docs/data/base/components/accordion/accordion.md b/docs/data/base/components/accordion/accordion.md new file mode 100644 index 00000000000000..8a4d3a799fef98 --- /dev/null +++ b/docs/data/base/components/accordion/accordion.md @@ -0,0 +1,15 @@ +--- +product: base-ui +title: React Accordion component +githubLabel: 'component: accordion' +waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ +--- + +# Accordion + +

Accordions let users show and hide sections of related content on a page.

+ +:::info +💡 The Base UI Accordion component is still in development. +Help us prioritize the next batch of new components by sharing your needs in [this GitHub issue](https://github.com/mui/material-ui/issues/27170). +::: diff --git a/docs/data/base/components/checkbox/checkbox.md b/docs/data/base/components/checkbox/checkbox.md new file mode 100644 index 00000000000000..2de3814e9ae1d3 --- /dev/null +++ b/docs/data/base/components/checkbox/checkbox.md @@ -0,0 +1,15 @@ +--- +product: base-ui +title: React Checkbox component +githubLabel: 'component: checkbox' +waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/ +--- + +# Checkbox + +

Checkboxes give users binary choices when presented with multiple options in a series.

+ +:::info +💡 The Base UI Checkbox component is still in development. +Help us prioritize the next batch of new components by sharing your needs in [this GitHub issue](https://github.com/mui/material-ui/issues/27170). +::: diff --git a/docs/data/base/components/radio-button/radio-button.md b/docs/data/base/components/radio-button/radio-button.md new file mode 100644 index 00000000000000..2d81f7f75f2a92 --- /dev/null +++ b/docs/data/base/components/radio-button/radio-button.md @@ -0,0 +1,15 @@ +--- +product: base-ui +title: React Radio Button component +githubLabel: 'component: radio' +waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radio/ +--- + +# Radio Button + +

Radio buttons enable the user to select one option from a set.

+ +:::info +💡 The Base UI Radio Button component is still in development. +Help us prioritize the next batch of new components by sharing your needs in [this GitHub issue](https://github.com/mui/material-ui/issues/27170). +::: diff --git a/docs/data/base/pages.ts b/docs/data/base/pages.ts index 2e6728587d8fa1..94bd97f26415c2 100644 --- a/docs/data/base/pages.ts +++ b/docs/data/base/pages.ts @@ -24,7 +24,9 @@ const pages = [ children: [ { pathname: '/base-ui/react-autocomplete', title: 'Autocomplete' }, { pathname: '/base-ui/react-button', title: 'Button' }, + { pathname: '/base-ui/react-checkbox', title: 'Checkbox', comingSoon: true }, { pathname: '/base-ui/react-input', title: 'Input' }, + { pathname: '/base-ui/react-radio-button', title: 'Radio Button', comingSoon: true }, { pathname: '/base-ui/react-select', title: 'Select' }, { pathname: '/base-ui/react-slider', title: 'Slider' }, { pathname: '/base-ui/react-switch', title: 'Switch' }, @@ -50,6 +52,17 @@ const pages = [ }, ], }, + { + pathname: '/base-ui/components/surfaces', + subheader: 'surfaces', + children: [ + { + pathname: '/base-ui/react-accordion', + title: 'Accordion', + comingSoon: true, + }, + ], + }, { pathname: '/base-ui/components/navigation', subheader: 'navigation', diff --git a/docs/pages/base-ui/react-accordion/index.js b/docs/pages/base-ui/react-accordion/index.js new file mode 100644 index 00000000000000..44817b268be5a8 --- /dev/null +++ b/docs/pages/base-ui/react-accordion/index.js @@ -0,0 +1,13 @@ +import * as React from 'react'; +import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2'; +import AppFrame from 'docs/src/modules/components/AppFrame'; +import * as pageProps from 'docs/data/base/components/accordion/accordion.md?@mui/markdown'; + +export default function Page(props) { + const { userLanguage, ...other } = props; + return ; +} + +Page.getLayout = (page) => { + return {page}; +}; diff --git a/docs/pages/base-ui/react-checkbox/index.js b/docs/pages/base-ui/react-checkbox/index.js new file mode 100644 index 00000000000000..a1743d1ff0d64d --- /dev/null +++ b/docs/pages/base-ui/react-checkbox/index.js @@ -0,0 +1,13 @@ +import * as React from 'react'; +import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2'; +import AppFrame from 'docs/src/modules/components/AppFrame'; +import * as pageProps from 'docs/data/base/components/checkbox/checkbox.md?@mui/markdown'; + +export default function Page(props) { + const { userLanguage, ...other } = props; + return ; +} + +Page.getLayout = (page) => { + return {page}; +}; diff --git a/docs/pages/base-ui/react-radio-button/index.js b/docs/pages/base-ui/react-radio-button/index.js new file mode 100644 index 00000000000000..a33d9eed9074a8 --- /dev/null +++ b/docs/pages/base-ui/react-radio-button/index.js @@ -0,0 +1,13 @@ +import * as React from 'react'; +import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2'; +import AppFrame from 'docs/src/modules/components/AppFrame'; +import * as pageProps from 'docs/data/base/components/radio-button/radio-button.md?@mui/markdown'; + +export default function Page(props) { + const { userLanguage, ...other } = props; + return ; +} + +Page.getLayout = (page) => { + return {page}; +}; diff --git a/docs/translations/translations.json b/docs/translations/translations.json index e4c708bbd4585f..f2477def56e8a3 100644 --- a/docs/translations/translations.json +++ b/docs/translations/translations.json @@ -227,7 +227,9 @@ "inputs": "Inputs", "/base-ui/react-autocomplete": "Autocomplete", "/base-ui/react-button": "Button", + "/base-ui/react-checkbox": "Checkbox", "/base-ui/react-input": "Input", + "/base-ui/react-radio-button": "Radio Button", "/base-ui/react-select": "Select", "/base-ui/react-slider": "Slider", "/base-ui/react-switch": "Switch", @@ -235,6 +237,8 @@ "/base-ui/react-badge": "Badge", "feedback": "Feedback", "/base-ui/react-snackbar": "Snackbar", + "surfaces": "Surfaces", + "/base-ui/react-accordion": "Accordion", "navigation": "Navigation", "/base-ui/react-menu": "Menu", "/base-ui/react-table-pagination": "Table Pagination", @@ -333,7 +337,6 @@ "/material-ui/react-progress": "Progress", "/material-ui/react-skeleton": "Skeleton", "/material-ui/react-snackbar": "Snackbar", - "surfaces": "Surfaces", "/material-ui/react-accordion": "Accordion", "/material-ui/react-app-bar": "App Bar", "/material-ui/react-card": "Card",