Dropdown.

Dropdown menu is an interactive UI component that allows users to select an option from a list of choices.

Class names

Start with dropdown, then add modifiers when needed.

Class name	Description
`summary`	Summary and details tag
`dropdown-menu`	Dropdown content
`dropdown-menu-glass`	Dropdown content with glass effect

Dropdown

The default NodexUI dropdown

Code

<details>
  <summary class="summary btn bg-black-300 text-white">Menu  <i class="fa-regular fa-circle-down"></i></summary>
  <div class="dropdown-menu">
    <a href="#">Home</a>
    <a href="#">About</a>
    <a href="#">Services</a>
    <a href="#">Contact</a>
  </div>
</details>

Dropdown with Glass effect

The glass effect NodexUI dropdown

Code

<details>
  <summary class="summary btn bg-black-300 text-white">Menu  <i class="fa-regular fa-circle-down"></i></summary>
  <div class="dropdown-menu-glass">
    <a href="#">Home</a>
    <a href="#">About</a>
    <a href="#">Services</a>
    <a href="#">Contact</a>
  </div>
</details>

Copied to Clipboard

Have any isuuse or bugs in components?

You can report to NodexUI team. Also you want any Changes in components, You can also contact us.