docs: added documentation for admin components (#9491)

- Documented common admin components with design that matches the admin. - Updated existing admin customization snippets to match the admin's design. Closes DOCS-964
2024-10-14 07:18:38 +00:00
parent e3dc9eaf0c
commit 74b286b701
22 changed files with 2385 additions and 241 deletions
@@ -0,0 +1,27 @@
+import { ChildDocs } from "docs-ui"
+
+export const metadata = {
+  title: `Admin Components`,
+}
+
+# {metadata.title}
+
+In this section, you'll find examples of implementing common Medusa Admin components and layouts.
+
+These components are useful to follow the same design conventions as the Medusa Admin, and are build on top of the [Medusa UI package](!ui!).
+
+Refer to the [Medusa UI documentation](!ui!) for a full list of components.
+
+## Layouts
+
+Use these components to set the layout of your UI route.
+
+<ChildDocs showItems={["Layouts"]} onlyTopLevel={false} />
+
+---
+
+## Components
+
+Use these components in your widgets and UI routes.
+
+<ChildDocs showItems={["Components"]} onlyTopLevel={false} />