Alert
A component used to display the contextual feedback in response to the user's actions.
AlertBosons
Type
Alert type.
type:
string
default:
warning
values:
warning, info, success, danger
Dismiss
Alert removal button
type:
bool
default:
false
Title
Alert title.
type:
string
LinkMore
Infomation about first link button.
type:
atoms.ButtonLinkBosons
LinkDetails
Infomation about second link button with icon.
type:
atoms.ButtonLinkBosons
Examples
Success alert
Alert success title
Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.
1// Example of success alert
2
3@molecules.Alert(&molecules.AlertBosons{
4 Type: "success",
5 Title: "Alert success title",
6 Dismiss: true,
7}) {
8 Are you sure you want to deactivate your ...
9}
Info alert
Alert success title
Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.
1// Example of success alert
2
3@molecules.Alert(&molecules.AlertBosons{
4 Type: "info",
5 Title: "Alert success title",
6}) {
7 Are you sure you want to deactivate your ...
8}
Warning alert with button
Alert success title
Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.
1// Example of success alert
2
3@molecules.Alert(&molecules.AlertBosons{
4 Type: "warning",
5 Title: "Alert success title",
6 Dismiss: true,
7 LinkMore: atoms.ButtonLinkBosons{
8 Title: "Learn more",
9 },
10}) {
11 Are you sure you want to deactivate your ...
12}
Danger alert with button with icon
Alert success title
Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.
1// Example of success alert
2
3@molecules.Alert(&molecules.AlertBosons{
4 Type: "danger",
5 Title: "Alert success title",
6 Dismiss: true,
7 LinkDetails: atoms.ButtonLinkBosons{
8 Title: "Learn more",
9 },
10}) {
11 Are you sure you want to deactivate your ...
12}
Success alert with links
Alert success title
Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.
1// Example of success alert
2
3@molecules.Alert(&molecules.AlertBosons{
4 Type: "success",
5 Title: "Alert success title",
6 Dismiss: true,
7 LinkMore: atoms.ButtonLinkBosons{
8 Title: "Learn more",
9 },
10 LinkDetails: atoms.ButtonLinkBosons{
11 Title: "Learn more",
12 },
13}) {
14 Are you sure you want to deactivate your ...
15}