Dropdown provides toggleable and contextual overlays for presenting lists of links and other content. In Droip, a Dropdown is a nifty element that allows you to add dropdown menus anywhere on your page.
To add a Dropdown element, do the following:
The Dropdown element comprises two fundamental components: the Dropdown Trigger and the Dropdown Target.
The Dropdown Trigger serves as the interactive element that users engage with to activate or open the dropdown menu. Upon clicking or hovering over the Dropdown Trigger, the dropdown menu appears, showcasing available options for users to select.
By default, the Dropdown Trigger includes both text and an icon element. Nevertheless, you can add any preferred element as the dropdown trigger.
The Dropdown Target refers to the area or container responsible for containing the content of the open dropdown menu. This region showcases the list of choices or supplementary content after the Dropdown Trigger's activation.
To access the Dropdown Target, configure the State option to Show within the Dropdown Settings, elaborated on in the next section.
Learn more about Animation & Interaction.
Once you’re done creating your dropdown you can add style customization using the Style Panel located at the ride side.
Was this page helpful?
Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.
Experience Droip in Action – Explore a live-built page and see the power of our builder in action.
Explore Live