Alert

Alert banner with severity variants and optional dismiss.

Import

import { Alert, Callout } from "neoterm-ui";

Usage

<Alert variant="info" title="Heads up">
  This is an informational alert.
</Alert>

<Alert variant="error" title="Error" dismissible onDismiss={() => {}}>
  Something went wrong.
</Alert>

<Callout icon={<span>💡</span>}>
  This is a highlighted callout block.
</Callout>

Alert Props

Prop	Type	Default	Description
variant	"info" \| "success" \| "warning" \| "error"	"info"	Severity style.
title	string	—	Alert headline.
icon	ReactNode	—	Custom icon override.
dismissible	boolean	false	Show dismiss button.
onDismiss	() => void	—	Dismiss callback.
children	ReactNode	—	Alert body content.

Callout Props

Prop	Type	Default	Description
icon	ReactNode	—	Leading icon.
color	string	—	Border accent color.
children	ReactNode	—	Callout content.