Drawer

Default

Use .drawer to create a fixed side panel. Add .is-open to show the drawer.

Open drawer

<button class="btn btn-primary btn-solid" type="button">Open drawer</button>

<div class="drawer">
	<div class="drawer-header">
		<h6 class="drawer-title">Drawer</h6>
		<button class="icon-btn" type="button" aria-label="Close drawer">...</button>
	</div>

	<div class="drawer-body">...</div>
</div>

<div class="overlay"></div>

Open state

Add .is-open to make the drawer visible.

<div class="drawer is-open">...</div>