/

Alerts


Default

BS5Alert(["alert-primary"], "Primary")
BS5Alert(["alert-secondary"], "Secondary")
BS5Alert(["alert-success"], "Success")
BS5Alert(["alert-danger"], "Danger")
BS5Alert(["alert-warning"], "Warning")
BS5Alert(["alert-info"], "Info")
BS5Alert(["alert-dark"], "Dark")
</code></pre>H5P(["text-muted"]Alternative")<pre><code>
BS5Alert("Primary").color("primary")
BS5Alert("Secondary").color("secondary")
BS5Alert("Success").color("success")
BS5Alert("Danger").color("danger")
BS5Alert("Warning").color("warning")
BS5Alert("Info").color("info")
BS5Alert("Dark").color("dark")
H5Div(["alert alert-primary" role="alert"]Primary)
H5Div(["alert alert-secondary" role="alert"]Secondary)
H5Div(["alert alert-success" role="alert"]Success)
H5Div(["alert alert-danger" role="alert"]Danger)
H5Div(["alert alert-warning" role="alert"]Warning)
H5Div(["alert alert-info" role="alert"]Info)
H5Div(["alert alert-dark" role="alert"]Dark)

Link Farbe

Zusätzliche Inhalte

Entfernbar

H5Div(["alert alert-success alert-dismissible fade show" role="alert"]
  H5Button(["type":"button" ["btn-close" data-bs-dismiss="alert" "aria-label":"Close"]")
  <strong>Achtung!</strong> Dieser Alert verschwindet, wenn der &times; Button getätigt wird.
)
BS5Alert(["alert-success", "alert-dismissible", "fade", "show"], 
  BS5Button(["btn-close"], ["data-bs-dismiss":"alert", "aria-label":"Close"]),
  H5Strong("Achtung!"), H5String(" Dieser Alert verschwindet, wenn der &times; Button getätigt wird.")
)