templUI Pro coming soon  

50% OFF Join Waitlist

Alert

Status message that displays contextual feedback or notifications.

Source
TailwindCSS

Installation

templui add alert

Examples

Destructive

API Reference

Required parameter
Hover for description

Alert

Main alert container component for displaying status messages.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-
Variant
Variant
default

Title

Alert title component for the main heading.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-

Description

Alert description component for detailed content.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-