Dropdown

A Dropdown is a custom select component that allows users to make single or multiple selections.

Code

<details class="backoffice-dropdown">
  <summary class="backoffice-button backoffice-button-outline">Menu</summary>
  <ul class="backoffice-dropdown-content">
    <li class="backoffice-menuitem w-full">
      <a>Account</a>
    </li>
    <li class="backoffice-menuitem w-full" data-active="true">
      <a>Notifications</a>
    </li>
    <li class="backoffice-menuitem w-full">
      <a>Billing</a>
    </li>
    <li class="backoffice-menuitem w-full">
      <a>My events</a>
    </li>
    <li class="backoffice-menuitem w-full">
      <a>Upcoming events</a>
    </li>
  </ul>
</details>

Class name	type
backoffice-dropdown	component	Container element
backoffice-dropdown-content	modifier	Sets the display of the dropdown`s content