Tailwind CSS Drawer Components

Use these Tailwind CSS drawer components and examples to open forms, menus and details from the edge of the screen in your app or store. Each one supports light and dark mode, comes as a React component too, and keeps focus inside, closes with Escape and returns focus to the button that opened it, with a bottom sheet that closes with a swipe on phones. From a form drawer and a drill-down menu to record details and table filters, everything is easy to customize and use.