Dropdown

Context menu with trigger. Compound component: Dropdown, Trigger, Content, Item, Separator.

Preview

Usage

import { Dropdown } from '@ramtt/ui'

<Dropdown>
  <Dropdown.Trigger>
    <Button variant="ghost">Options</Button>
  </Dropdown.Trigger>
  <Dropdown.Content>
    <Dropdown.Item onClick={edit}>Edit</Dropdown.Item>
    <Dropdown.Separator />
    <Dropdown.Item variant="danger" onClick={del}>Delete</Dropdown.Item>
  </Dropdown.Content>
</Dropdown>

Props

PropTypeDefaultDescription
children*ReactNode—Trigger + Content
align'start' | 'end''start'Content alignment (on Content)
side'bottom' | 'top''bottom'Content side (on Content)