ArrowDownIcon

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

Arrow Down icon component for downward navigation and expansion.

A standard downward-pointing arrow commonly used for dropdown menus, expanding content, and downward navigation in editor interfaces.

Example

// Basic usage
<ArrowDownIcon />

// With custom size and color
<ArrowDownIcon size="lg" color="primary" />

// In a dropdown button
<Button icon={<ArrowDownIcon />}>Expand</Button>