Basic
A slide-in overlay for extra content or options, anchored to the screen edge for quick access! Originally coded by Devon Govett. Check out his tweet for more details. Want to improve it, like making the drawer's height adapt to the content? Feel free to drop a PR.
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Composed Components
When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.
The Drawer comes packed with several components to enhance functionality and provide a seamless experience.
Manual Installation
Make sure you also install the composed components and the required packages for the component to function properly.
Anatomy
Drawer Controlled
You can control the drawer's state programmatically.
Without Notch
Disable the notch on the drawer by setting the withNotch
prop to false
.
Drawer Sticky
The drawer also supports long content. Try it out!
Nested Drawer
You can nest drawers inside each other. Try it out!