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}

Let's dive deeper and connect!

Hanariu is brought to you by Pay For Done. We specialize in crafting products and services rooted in design systems. Join our community to discuss how we can support you.


© 2024 Pay For Done. All Rights Reserved. Website compliant with W3C validation.