Drawer
Navigation drawers provide access to destinations in your app. Side sheets are surfaces containing supplementary content that are anchored to the left or right edge of the screen.
Drawer component
To obtain this result, use div tag with
drawer-container, drawer-header, drawer-title,
drawer-subtitle, drawer-list and drawer-list-item
class
name. Add reverse class name to reverse row items.
Permanent Drawer
To obtain this result, use div tag with
drawer-container, drawer-header, drawer-title,
drawer-subtitle, drawer-list and drawer-list-item
class
name. Add additional permanent-drawer and permanent-drawer-right-container
class name for permanent drawer.
Permanent Drawer
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, reiciendis consectetur obcaecati delectus sed harum deserunt aliquam animi earum! Harum laudantium architecto ipsam earum corporis incidunt soluta fuga placeat hic.