Docs Menu

Alerts

Alerts have the following properties which are optional:

Property Required? Type Options Description
Property Required? Type Options Description
Property Required? Type Options Description
Property Required? Type Options Description
dismissible no boolean
  • true (default)
  • false
 Displays an icon to close/hide the alert.
icon no string Displays a custom icon at the beginning of the alert text.
type no string
  • null (default)
  • warning
  • success
  • info
  • notice
 The color theme of the alert.

Basic Example
Basic Alert with the hide option. 

            
1<x-fcui-alert dismissible>Fusion Core UI Default Alert.</x-fcui-alert>

Advanced Example
Alert with the hide option, icon, and a 'success' theme. In this case, its using Fontawesome, but any font library should work. 

            
1<x-fcui-alert dismissible icon='<i class="fa-solid fa-user-large"></i>' type="success">Fusion Core UI Default Alert.</x-fcui-alert>