@kabbage/sprout 0.25.2

Side Drawer Component

A CSS implementation of the Sprout side drawer component.

Example

html 
<div style="height: 400px;">
    <div class="spr-panel"> This is the main content! </div>
    <div class="spr-side-drawer-overlay-container spr-side-drawer-overlay-dark-background">
       <div class="spr-side-drawer-wrapper">
           <div class="spr-side-drawer spr-side-drawer-open">
           <div class="spr-side-drawer-header">
            <div><i class="spr-icon spr-icon-close"></i></div>
           </div>
               This is the side drawer contents!
           </div>
       <div>
   </div>
</div>

Compiled CSS

Example

scss 
@import 'components/side-drawer';