Badges
Badges have the following properties which are optional:
| Property | Required? | Type | Options | Description |
|---|---|---|---|---|
| icon | no | string | Displays a custom icon in the badge (can be used without text) | |
| type | no | string |
|
The color theme of the badge. |
Basic Example
Basic Badge with the default settings.
1<x-fcui-badge>Default Badge</x-fcui-badge>
Default Badge
Advanced Example
Badge with an icon and type of warning.
1<x-fcui-badge icon='<i class="fa-solid fa-house"></i>' type="warning">Warning Badge</x-fcui-badge>
Warning Badge