ChevronLeftIcon

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

Chevron Left icon component for backward navigation and collapse.

A subtle leftward chevron commonly used for previous-page navigation, collapsing side panels, and breadcrumb separators.

Example

// Basic usage
<ChevronLeftIcon />

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

// In a sidebar collapse button
<IconButton icon={<ChevronLeftIcon />} label="Collapse sidebar" />