Drawer
Pull out a side menu or extra options, like opening a side drawer, handy for accessing additional functionalities.
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.
Composed Components
When you plug this component from the CLI, it autoloads all the composed components. No need to toss 'em in one at a time.
The Drawer's decked out with several components to make it bangin'.
Manual Installation
Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.
And next, you can copy the code below and paste it into your dopest component folder.
Anatomy
Import the components and use them as shown below, adapting the structure to fit each component.
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!