> For the complete documentation index, see [llms.txt](https://docs.sentre.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sentre.io/design-pricinples/dropdown.md).

# Dropdown

### Usage

When there are more than a few options to choose from, you can wrap them in a **Dropdown**. By hovering or clicking on the trigger, a dropdown menu will appear, which allows you to choose an option and execute the relevant action.

### States

![](/files/T7NUd9Qmh7F4nGIUTGqF)

### Specs

Dropdown with icon

![](/files/wmGNMKXpeRAgwYXIS3df)

Dropdown with button

![](/files/QC94pIi4avFyKYOUrgd8)

### Sample code

```
// Some code
```