Menu

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
import {
  ActionMenu,
  SectionRow,
} 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.

Modal Components#

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
Found a problem with this page?Report Issue
Edited Nov 14·Edit this page