Core UI and Core Animator were just released!

Brickscore / Elements / 
Expanders

Expanders

Core element

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Phasellus vestibulum justo laoreet odio vehicula porttitor. Quisque nec volutpat mauris. Donec eu magna nec diam consequat auctor. Cras mollis congue libero, non eleifend sapien faucibus eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Phasellus vestibulum justo laoreet odio vehicula porttitor. Quisque nec volutpat mauris. Donec eu magna nec diam consequat auctor. Cras mollis congue libero, non eleifend sapien faucibus eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Phasellus vestibulum justo laoreet odio vehicula porttitor. Quisque nec volutpat mauris. Donec eu magna nec diam consequat auctor. Cras mollis congue libero, non eleifend sapien faucibus eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas

Documentation

Expanders is a nestable element with individual expanders inside it. Each expander has a Label Wrapper that contains the Title and Icon to show. It also contains a Content Wrapper with all the hidden content to be shown on click. All of the elements inside Expanders are customizable and you can drag into it all the content you want.

Expanders Settings

Mode

Content can be expanded on click or hover. Click by default.

Single Open

Determines if there can only be one expander expanded or not. True by default.

Open by default

Wether to expand each expander by default or not. False by default.

Expander Settings

Styling

Although you can customize each Expander element at its own settings you can customize width, background and border of all of them directly from here.

Label Settings

Styling

Although you can customize each Label element at its own settings you can customize flex settings, padding and typography settings directly from here.

Icon rotation

Determines the rotation of the icon when expanding. 180deg by default.

Icon Transition Duration

The transition-duration applied to the icon rotation. 0.2s by default.

Content Settings

Styling

Although you can customize each Label element at its own settings you can customize padding and typography settings directly from here.

Transition Duration

The transition-duration applied to the expander when expanding and showing the hidden content. 0.3s by default.

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.