DrawerJust a great drawer

Lorem Ipsum

Do something

Brickscore / Elements / 
Drawer

Drawer

Core element
Trigger Drawer

Documentation

Drawer is a nestable element. You can place any content you want at it.

Settings

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.

Styling

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

Animation

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).

Overlay

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.

Introduction
Text elementsButton elementsMenu elementsCore elementsFeatures
Need assistance?
*Please feel free to reach us and we will kindly instruct you on the behaviour of any element. You can also reach our community group or take a look at our tutorials.
Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.