Drawer

How it works

Drawer is a nestable block element. You can put any elements at it, like you would do at a Breakdance div or section.

Content tab

Settings group

Trigger element: the element that will open the drawer passed by it’s classname.

Accessibility group

Opened by default: if enabled, Drawer will be opened when page loads.
Remove close at backdrop: if enabled, Drawer won't close when clicking outside (backdrop).

Drawer animation group

Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

Backdrop animation group

Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

Style tab

Drawer comes with a mini drag than can be customized here. Same for the backdrop.
There are more block styling groups available. If you need to apply additional styles, you can do so at the Settings Tab.