A drawer component that slides in from the edge of the screen. Built on top of Radix UI's Dialog primitive. Features - Four positions: left, right, top, and bottom - Smooth animations and transitions - Keyboard accessibility (Esc to close) - Dark mode support - Responsive design Configuration Add these animations to your tailwind.config.js: module.exports = { theme: { extend: { keyframes: { "fade-in": { from: { opacity: 0 }, to: { opacity: 1 }, }, "fade-out": { from: { opacity: 1 }, to: { opacity: 0 }, }, }, animation: { "fade-in": "fade-in 0.2s ease-out", "fade-out": "fade-out 0.2s ease-out", }, }, }, }