Skip to content

DotsVerticalIcon

const DotsVerticalIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/DotsVerticalIcon.tsx:27

Dots Vertical icon component for contextual action menus.

Three dots stacked vertically, typically used as the trigger for item-level action menus on cards, list rows, and table cells.

Example

// Basic usage
<DotsVerticalIcon />
// With custom size and color
<DotsVerticalIcon size="sm" color="muted" />
// As a menu trigger
<IconButton icon={<DotsVerticalIcon />} label="Actions" />