Components - Admin Components

Note: These components are available since Medusa v2.21.0.

The @medusajs/dashboard/components subpath exports the React components that the Medusa Admin uses to build its pages. Use them in your widgets and UI routes to match the Medusa Admin's design conventions without re-implementing the components.

Code
1import {2  ActionMenu,3  SectionRow,4} from "@medusajs/dashboard/components"
Tip: These components build on the Medusa UI package. Refer to the Medusa UI documentation for the underlying primitives, such as buttons and inputs.

Layout Components#

LayoutComposer

Common Components#

ActionMenu
ConditionalTooltip
DisplayId
Empty States
IconAvatar
JsonViewSection
Listicle
SectionRow
Thumbnail

Form and Input Components#

KeyboundForm
Combobox
CountrySelect
HandleInput

Refer to the Forms guide to build create and edit forms with the Form component.


Use these components to build modals in UI routes that Medusa opens as a route. When the user closes the modal, Medusa navigates back to the previous route.

RouteDrawer
RouteFocusModal
StackedDrawer
StackedFocusModal

Table Components#

ConfigurableDataTable
DataGrid
Product Table Cells
Was this page helpful?
Ask Bloom
For assistance in your development, use Claude Code Plugins or Docs MCP server in Cursor, VSCode, etc...FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break
⇧↵