If you want to show a dropdown menu when clicking on an element, make sure that you add the data-dropdown-toggle="dropdownId" data attribute to the element that will toggle the dropdown menu.
The dropdownId is the id of the dropdown menu element.
You can use the divide-y divide-gray-100 classes to add separate elements inside the dropdown menu.
You can also show extra information inside the dropdown menu using the divider option.
Alternatively you can choose the secondary axis placement by specifying *- after the primary position has been chosen. For example, you can use the right-start or left-start to position the menu just below the button.
On this Page
- Default dropdown
- Dropdown divider
- Dropdown Header
- Navbar dropdown
- Sizing dropdown
- Placement dropdown
Company
Useful Links
Stay in Touch with us and get all the updates for next offers and Deals.