Drawer

A standard drawer

Usage

Open drawer button example:

<button data-drawer-trigger aria-controls="drawer">Open Drawer</button>

Example:

<section class="drawer drawer--left" id="drawer" data-drawer-target>
  <div class="drawer__overlay" data-drawer-close tabindex="-1"></div>
  <div class="drawer__wrapper">
    <div class="drawer__header">...</div>
    <div class="drawer__content">...</div>
  </div>
</section>

Results

More

Check out the documentation for the full list of runtime APIs.