Alert

Displays a callout for important information.

Default

The default alert with neutral styling.

Destructive

Alert with destructive/error styling.

Usage

julia
using Suite

Alert(
    AlertTitle("Heads up!"),
    AlertDescription("You can add components using the CLI."),
)

Alert(variant="destructive",
    AlertTitle("Error"),
    AlertDescription("Something went wrong."),
)

API Reference

Alert

PropTypeDefaultDescription
variantString"default"default | destructive
classString""Additional CSS classes to merge
children...Any-Alert content (AlertTitle, AlertDescription)
kwargs...Pair-Any HTML attribute

AlertTitle

PropTypeDefaultDescription
classString""Additional CSS classes
children...Any-Title text
kwargs...Pair-Any HTML attribute

AlertDescription

PropTypeDefaultDescription
classString""Additional CSS classes
children...Any-Description text
kwargs...Pair-Any HTML attribute