DotsHorizontalIcon

const DotsHorizontalIcon: 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/DotsHorizontalIcon.tsx:27

Dots Horizontal icon component for inline overflow menus.

Three dots arranged horizontally, commonly used as a more-actions affordance in toolbars, card headers, and badge ends.

Example

// Basic usage
<DotsHorizontalIcon />

// With custom size and color
<DotsHorizontalIcon size="sm" color="muted" />

// As an overflow menu trigger
<IconButton icon={<DotsHorizontalIcon />} label="More" />