We use cookies to offer you a better browsing experience, analyse traffic and personalise content. Read how we use your data in our privacy policy.
Dropdown
An interactive dropdown menu for discoverable content
Features
- Can be positioned left or right
- Drop-Up mode
- Can take any stack as content
- Highly configurable
- Edit mode indicators
Concept
The dropdown stack is a container for a dropdown button and a dropdown menu.
The dropdown menu can be set up of
The dropdown menu can be set up of
- the Dropdown Item stack,
- the Dropdown Link stack
- the Dropdown Divider stack
Dropdown Button
The Dropdown Button works exactly like the Button stack, although a few options are not available here. For the icon you can select any of the Fontawesome 4 (
fa) and 5 (fas, far) icons.Dropdown Items
Dropdown Item and Dropdown Link can be marked as active with their "Is Active" option.
Dropdown Content
The Dropdown Item can be filled with any stack. It is up to you to make sure it fits into a dropdown menu.
You can insert any kind of stack into the Dropdown Item.
Dropdown Link
The Dropdown Link can either contain text or any other stack. You can set the text- and background color.
Divider
The Dropdown Divider separates elements inside the Dropdown Menu.
Dropdown Alignment
You can add set the alignment to "Right" to have a right-aligned dropdown. In Edit Mode this setting cannot be displayed.However, there is an indicator at the top which shows the actual configuration.
Drop-Up
You can set the Drop-Up option to have a dropdown menu that appears above the dropdown button.
