Save 15% on all Justd Blocks
Components

Drawer

A slide-in panel that provides additional navigation or content without disrupting the main interface, ideal for side menus and overlays.

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.

Buttons play a crucial role in functionality, whether for submitting a form or navigating to another page.
A small, interactive UI element that overlays content to display important information or actions.

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!