Drawer

Show at builder

If enabled, the drawer will open at the builder for live editing.

Trigger element

The element that will open the drawer passed by it's className.

You are able to customize width, height, padding, box-shadow, background, border and z-index styles.

Translation duration

Determines the animation duration. 0.4s by default.

Translation easing

Determines the CSS animation easing.

Enable mini drag

If enabled, a drag will be included at the drawer and its style controls will display at the builder (margin, height, width and background).

You are able to customize the z-index and background. It is recommended to customize the alpha channel at the background color for an appropiate overlay effect.

Fade duration & easing

Determines the duration and easing of the overlay reveal animation.