Go one step further with our solutions for creating an intuitive, personalized experience.
Dropdown components allow to agglomerate several links and actions in a multi-level list. Ideal for surface optimization
Use the h_dropdown class to initiate the Dropdown.
Then create a list of items with the class h_dropdown_item.
<button type="button">Button</button>
<div class="h_dropdown">
<div class="h_dropdown_item">Color</div>
<div class="h_dropdown_item">Shape</div>
</div>
To open the dropdown, the data-dropdown attribute will have the same value as the id of the dropdown.
<button type="button" data-dropdown="myDropdown">Button</button>
<div class="h_dropdown" id="myDropdown">
<div class="h_dropdown_item">Color</div>
<div class="h_dropdown_item">Shape</div>
</div>
<button type="button" data-dropdown="myDropdown_2">Button</button>
<div class="h_dropdown" id="myDropdown_2">
<div class="h_dropdown_item">Color</div>
<div class="h_dropdown_item">Shape</div>
</div>
| Attributes | Definition |
|---|---|
| data-dropdown | Defines the trigger. |
| Class | Definition |
|---|---|
| h_dropdown | Create a dropdown.. |
| h_dropdown_item | Create an item dropdown. |
Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!
Cookie settings