Alert
A component used to display the contextual feedback in response to the user's actions.
AlertBosons
Type
Alert type.
type:
stringdefault:
warningvalues:
warning, info, success, dangerDismiss
Alert removal button
type:
booldefault:
falseTitle
Alert title.
type:
stringLinkMore
Infomation about first link button.
type:
atoms.ButtonLinkBosonsLinkDetails
Infomation about second link button with icon.
type:
atoms.ButtonLinkBosonsExamples
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}