ChevronRightIcon

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

Chevron Right icon component for forward navigation and expand.

A subtle rightward chevron commonly used for next-page navigation, expanding side panels, and disclosure indicators.

Example

// Basic usage
<ChevronRightIcon />

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

// In a sidebar expand button
<IconButton icon={<ChevronRightIcon />} label="Expand sidebar" />