Alerts

6 UI Blocks Example

alert_6
You have no credits left.
alert_6
                        
                          [arr.create set="template.data"]  
  [section_classes][/section_classes]
  [image]http://blocks.aw2.dev/wp-content/uploads/2021/12/exclamation-mark.png[/image]
  [title]You have no credits left. [/title]
  [link]#[/link]
  [link_label]Upgrade your account to add more credit.[/link_label]
  [alert_color]#f38c0c[/alert_color]
[/arr.create]
[uiblocks.alerts.alert_6 data="{template.data}" /]
                        
                      
alert_5
You have no credits left. Upgrade your account to add more credit.
alert_5
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [image]http://blocks.aw2.dev/wp-content/uploads/2021/12/exclamation-mark.png[/image]
  [title]You have no credits left. [/title]
  [link]#[/link]
  [link_label]Upgrade your account to add more credit.[/link_label]
  [alert_color]#f38c0c[/alert_color]
[/arr.create]
[uiblocks.alerts.alert_5 data="{template.data}" /]
                        
                      
alert_4
New software update is available. See what's new in version 2.0.4
alert_4
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [image]http://blocks.aw2.dev/wp-content/uploads/2021/12/check-1.png[/image]
  [title]New software update is available. See what's new in version 2.0.4[/title]
  [link]#[/link]
  [link_label]Track Order[/link_label]
  [alert_color]#2196f3[/alert_color]
[/arr.create]
[uiblocks.alerts.alert_4 data="{template.data}" /]
                        
                      
alert_3
Order Completed

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

alert_3
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [image]http://blocks.aw2.dev/wp-content/uploads/2021/12/check.png[/image]
  [title]Order Completed[/title]
  [content]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/content]
  [btn1]#[/btn1]
  [btn1_label]Track Order[/btn1_label]
  [show_dismiss_btn]yes[/show_dismiss_btn]
  [alert_color]#26b59c[/alert_color]
[/arr.create]
[uiblocks.alerts.alert_3 data="{template.data}" /]
                        
                      
alert_2
There were 2 errors with your submission

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

  • The email field is required.
  • The password must be at least 8 characters long.
alert_2
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [image]http://blocks.aw2.dev/wp-content/uploads/2021/12/cross.png[/image]
  [title]There were 2 errors with your submission[/title]
  [content]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/content]
  [point new]
    [title]The email field is required.[/title]
  [/point]
  [point new]
    [title]The password must be at least 8 characters long.[/title]
  [/point]
  [alert_color]#EA2D3F[/alert_color]
[/arr.create]
[uiblocks.alerts.alert_2 data="{template.data}" /]
                        
                      
alert_1
Attention Needed

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

alert_1
                        
                          [arr.create set="template.data"]	
  [section_classes][/section_classes]
  [image]http://blocks.aw2.dev/wp-content/uploads/2021/12/exclamation-mark.png[/image]
  [title]Attention Needed[/title]
  [content]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/content]
  [alert_color]#F5A33D[/alert_color]
[/arr.create]
[uiblocks.alerts.alert_1 data="{template.data}" /]