Off-canvas drawers are modal dialogs aligned to the edge of the screen, and are typically used for things like navigation menus, shopping carts, and more.

Kelp’s drawers are implemented using the <dialog> component. You can find the full documentation there.

<button 
	commandfor="my-drawer" 
	command="show-modal"
>
	Open Drawer
</button>

<dialog 
	class="drawer"
	id="my-drawer"
>
	This is a drawer...
</dialog>

View the Full Docs →