Skip to content

ErrorIcon

const ErrorIcon: 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/ErrorIcon.tsx:28

Error icon component for error states.

A standard X circle icon commonly used for error messages, failed operations, and critical alerts in editor interfaces.

Example

// Basic usage
<ErrorIcon />
// With custom size and color
<ErrorIcon size="sm" color="error" />
// In an error context
<Button icon={<ErrorIcon />}>Error</Button>