Skip to content
Prompt Words
History

Drawer

Also called: side panel, slide-over, off-canvas panel, side sheet.

A panel that slides in from the edge of the screen, over the page, and slides back out when closed. Good for menus, filters, carts or chat.

A panel slides in from the side, over the page, and slides back out when you close it.

Closed

Say it in a prompt

Open a drawer from the right: a 400px panel that slides in with transform over 320ms ease-out, over a dim backdrop. Close it with Esc, the backdrop, or a close button, and keep focus inside while open.

Seen on

  • Vercel: An "Ask AI" chat panel slides in from the right side of the page.

You might describe it as

  • panel that slides in from the side
  • menu that comes out from the right
  • side window that covers part of the page

Not to be confused with

  • Modal

    A drawer slides in from an edge; a modal appears in the middle.