add how-to sidebar

This commit is contained in:
Shahed Nasser
2025-03-10 13:38:55 +02:00
parent 8b1ee3705e
commit e2d832ebc2
11 changed files with 310 additions and 120 deletions
@@ -1,20 +1,24 @@
import { ChildDocs } from "docs-ui"
export const metadata = {
title: `Admin Components`,
title: `Admin Components & Layouts`,
}
# {metadata.title}
In this section, you'll find examples of implementing common Medusa Admin components and layouts.
In this section of the documentation, you'll learn how to implement 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!).
These guides are useful to build components and layouts that follow the same design conventions as the Medusa Admin. The components and layouts are built on top of the [Medusa UI package](!ui!).
<Note title="Tip">
Refer to the [Medusa UI documentation](!ui!) for a full list of components.
</Note>
## Layouts
Use these components to set the layout of your UI route.
These layout components allow you to set the layout of your [UI routes](!docs!/learn/fundamentals/admin/ui-routes) similar to the layouts used in the Medusa Admin.
<ChildDocs showItems={["Layouts"]} onlyTopLevel={false} hideTitle />
@@ -22,6 +26,6 @@ Use these components to set the layout of your UI route.
## Components
Use these components in your widgets and UI routes.
These components allow you to use common Medusa Admin components in your custom UI routes and widgets.
<ChildDocs showItems={["Components"]} onlyTopLevel={false} hideTitle />