StatusIcon

The StatusIcon component is used to add an icon that represents one of the following statuses:

• success
• info
• warning
• danger

To use this component:

1. Import it into the single file component (SFC)
2. Add the <status-icon /> tag
3. Add the optional status prop and set the value to one of the statuses
4. Add the translated text to associate with the icon

import StatusIcon from '@/components/Global/StatusIcon'

Status icon with default status

<status-icon />

Status icon with success status

<status-icon
:status="success"
/>

Status icon with info status

<status-icon
:status="info"
/>

Status icon with warning status

<status-icon
:status="warning"
/>

Status icon with danger status

<status-icon
:status="danger"
/>

Example of AppHeader with status icon

Example of Event logs with status icon