React Alert Component

Heads up

A new version is available.

Payment received

Your invoice has been paid.

Deployment failed

Build exited with code 1.

Installation

pnpm add krz-ui

import { Alert } from "krz-ui";

<Alert variant="success" title="Saved" onClose={dismiss}>
  Your changes are live.
</Alert>

Prop	Type	Description
`variant`	`"info" \| "success" \| "warning" \| "danger"`	Visual intent.
`title`	`ReactNode`	Bold heading line.
`icon`	`ReactNode`	Override the default icon.
`action`	`ReactNode`	Action rendered on the right, e.g. a button.
`onClose`	`() => void`	Shows a dismiss button when provided.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ icon?, content?, title?, message?, action?, close? }`	Extra classes for inner parts.