Drawer

How it works

Drawer is a nestable widget. You can put any content at it by using the content repeater control: custom code, templates, global widgets and shortcodes

Content tab

Settings group

Trigger element: the element that will open the drawer set 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.