Imagine ArtImagine Art

Error Modal

View in Figma

A specialized modal for displaying error, warning, and confirmation dialogs with icon variants.

Overlays

Import

import { ErrorModal } from "@/components/ui"

API

PropTypeDefaultDescription
openboolean—Controls modal visibility.
onClose() => void—Callback to close the modal.
variant"error" | "warning" | "default""default"Icon and color variant.
titlestring—Modal heading.
descriptionstring—Secondary description text.
primaryAction{ label: string; onClick: () => void }—Primary action button.
secondaryAction{ label: string; onClick: () => void }—Secondary action button.

Examples