[docs][base] Add pages for coming soon components

docs/data/base/components/accordion/accordion.md

@@ -0,0 +1,15 @@
+---
+product: base
+title: React Accordion component
+githubLabel: 'component: accordion'
+waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
+---
+
+# Accordion
+
+<p class="description">Accordions let users show and hide sections of related content on a page.</p>
+
+:::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).
+:::

docs/data/base/components/checkbox/checkbox.md

@@ -0,0 +1,15 @@
+---
+product: base
+title: React Checkbox component
+githubLabel: 'component: checkbox'
+waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
+---
+
+# Checkbox
+
+<p class="description">Checkboxes give users binary choices when presented with multiple options in a series.</p>
+
+:::info
+💡 The Base UI Checkbox component is still in development.
+If you're in need of it, please give a shout about your need of it in [**this issue**](https://github.com/mui/material-ui/issues/27170) to help us prioritize the next batch of new components.
+:::

docs/data/base/components/radio-button/radio-button.md

@@ -0,0 +1,15 @@
+---
+product: base
+title: React Radio Button component
+githubLabel: 'component: radio'
+waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radio/
+---
+
+# Radio Button
+
+<p class="description">Radio buttons enable the user to select one option from a set.</p>
+
+:::info
+💡 The Base UI Radio Button component is still in development.
+If you're in need of it, please give a shout about your need of it in [**this issue**](https://github.com/mui/material-ui/issues/27170) to help us prioritize the next batch of new components.
+:::

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',

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 <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};

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 <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};

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 <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};

docs/translations/translations.json

@@ -227,14 +227,18 @@
     "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",
     "data-display": "Data display",
     "/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",