Alert

Status messages for important information with different severity levels.

Demo

Information

This is a status alert for general information.

Success

Your changes have been saved successfully.

Warning

Please review your input before continuing.

Error

An error occurred while processing your request.

// Import styled alert
@styled_alert.alert(
  variant=Error,
  title="Error",
  description="An error occurred while processing your request.",
)

Prop	Type	Default	Description
variant	AlertVariant	-	Status, Success, Warning, or Error
title	String?	None	Alert title text
description	String?	None	Alert description text
class	String?	None	Additional CSS class
children	Array[Node]?	None	Custom content