---
title: Dropdown
airtableId: recMePWqulsKOCa59
---
import { Dropdown } from "@calcom/ui/components/dropdown"
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { ButtonTriggerExample } from "./dropdown.buttonTrigger"
import { AvatarTriggerExample } from "./dropdown.avatarTrigger"
import { ComplexExample } from "./dropdown.complex"

## Button Trigger

Dropdowns can be triggered by various types of buttons.

<ButtonTriggerExample/>

## Avatar Trigger

Dropdowns can be triggered by avatar components, commonly used for profile menus.

<AvatarTriggerExample/>

## Complex Examples

More complex dropdown examples with various combinations of labels, icons, and separators.

<ComplexExample/>