The Component Gallery
  • Components
  • Design systems
  • About

Component

Drawer

Other names: Tray

A panel which slides out from the edge of the screen.

16 examples

  • Drawer

    Ant Design

    Ant Financial

    • React
    • Code examples
    • Accessibility issues
  • Drawer

    Atlassian Design System

    • React
    • Code examples
    • Usage guidelines
    • Tone of voice
    • Accessibility
    • Open source
  • Drawer

    Auro

    Alaska Airlines

    • Web Components
    • Sass
    • Code examples
    • Usage guidelines
    • Open source
  • Drawer

    Backpack

    Skyscanner

    • Mobile
    • React
    • Code examples
    • Usage guidelines
    • Open source
    • Tone of voice
  • Drawer

    Base Web

    Uber

    • React
    • CSS-in-JS
    • Code examples
    • Usage guidelines
    • Open source
  • Drawer

    Chakra UI

    • React
    • CSS-in-JS
    • Accessibility
    • Code examples
    • Open source
  • Drawer

    Coral

    Talend

    • React
    • Code examples
    • Tone of voice
  • Drawer

    Instructure-UI

    Instructure

    • React
    • CSS-in-JS
    • Code examples
    • Accessibility
    • Open source
  • Drawer

    Momentum Design

    Cisco

    • React
    • Sass
    • Code examples
    • Usage guidelines
    • Open source
  • Drawer

    Orbit

    Kiwi.com

    • React
    • CSS-in-JS
    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice
  • Drawer

    Seeds

    Sprout Social

    • React
    • Code examples
    • Usage guidelines
    • Tone of voice
  • Drawer

    Shoelace

    • Web Components
    • Code examples
    • Open source
  • Tray

    Spectrum

    Adobe

    • CSS
    • Web Components
    • React
    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source
  • Drawer

    Vercel Design

    • React
    • Code examples
  • Drawer

    Wanda

    Wonderflow

    • React
    • CSS Modules
    • Code examples
    • Open source

© 2022 Iain Bean

  • Contribute
  • Colophon
  • Changelog