Alert

Inline feedback messages for success, warning, error, and info states.

Usage

{% include components/alert.html
   variant="success"
   title="Saved"
   message="Your changes have been saved."
   dismissible=true
%}

Parameters

Parameter	Type	Default	Description
variant	string	info	info success warning danger neutral
title	string	—	Optional heading
message	string	—	Body text (required)
dismissible	boolean	false	Show close button
class	string	—	Extra classes
id	string	—	Element id

Variants

Info

Informational message.

Success

Action completed.

Warning

Please review.

Error

Something went wrong.

Accessibility

Uses role="alert". Icons are aria-hidden. Dismiss button has an accessible label.