ChevronDownIcon

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

Chevron Down icon component for dropdown and expansion indicators.

A subtle downward chevron commonly used for dropdown menus, accordion expansion, and subtle directional cues in editor interfaces.

Example

// Basic usage
<ChevronDownIcon />

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

// In a dropdown
<Select icon={<ChevronDownIcon />}>Options</Select>