Menu
  • Get Started
  • Product
  • Resources
  • Tools & SDKs
  • Framework
  • Reference

Drawer

A triggerable drawer that overlaps whatever page it's on.

Was this example helpful?

Usage#

Code
import { Drawer } from "@medusajs/ui"
Code
1<Drawer>2  <Drawer.Trigger>Trigger</Drawer.Trigger>3  <Drawer.Content>4    <Drawer.Header>5      <Drawer.Title>Drawer Title</Drawer.Title>6    </Drawer.Header>7    <Drawer.Body>Body</Drawer.Body>8    <Drawer.Footer>Footer</Drawer.Footer>9  </Drawer.Content>10</Drawer>

API Reference#

This component is based on the Radix UI Dialog primitives.