Skip to content

WarningIcon

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

Warning icon component for warning states.

A standard triangle with exclamation icon commonly used for warnings, caution messages, and alert notifications in editor interfaces.

Example

// Basic usage
<WarningIcon />
// With custom size and color
<WarningIcon size="md" color="warning" />
// In a warning context
<Button icon={<WarningIcon />}>Warning</Button>