Dropdown Menu

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

DocsAPI Reference
View Mobile Version

Usage

import { DropdownMenu } from "@smartacteam/ui/dropdown-menu";

<DropdownMenu.Root>
  <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
  <DropdownMenu.Content>
    <DropdownMenu.Label>My Account</DropdownMenu.Label>
    <DropdownMenu.Separator />
    <DropdownMenu.Item>Profile</DropdownMenu.Item>
    <DropdownMenu.Item>Billing</DropdownMenu.Item>
    <DropdownMenu.Item>Team</DropdownMenu.Item>
    <DropdownMenu.Item>Subscription</DropdownMenu.Item>
  </DropdownMenu.Content>
</DropdownMenu.Root>

Default

Checkboxes

Radio Group