Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
DrawerJust a great drawer

Lorem Ipsum

Do something

Jose Tamu
July 16, 2024 /  Beginner

Drawer

Open Drawer

How it works

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

Settings controls

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

Drawer controls

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

Mini drag controls

Enable mini drag: if enabled, a drag will be included at the drawer and it’s style controls will display at the builder to customize it at pleasure.

Backdrop controls

Backdrop styles can be customized at this section. Background should have a transparency set at the alpha channel in order to see the site while drawer is active.
It’s fade animation can be also customized here.
Fade Duration
Fade CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

-Tamu

On this page