Drawer

A modal that slides in from an edge of the screen.

Add .drawer to the dialog. It slides in from the end edge and opens like any modal.

Filters

Start

.start uses the start edge, for a side menu.

Bottom sheet

.bottom slides up from the bottom with rounded top corners.

Share this page

    •

    Variables

    VariableDefault
    --i-drawer-width20rem
    --i-drawer-max-heightTallest a bottom sheet gets80dvh