Alert Components

Alert​

Show basic alert message: 

<Alert>Default <b>Message</b></Alert>
<Alert type="info">Information <b>Message</b></Alert>
<Alert type="success">Success <b>Message</b></Alert>
<Alert type="warn">Warning <b>Message</b></Alert>
<Alert type="error">Error <b>Message</b></Alert>
Default Message Information Message Success Message Warning Message Error Message

Show alert message from dynamic HTML string:

<Alert v-html="message" />

<script>
const message = "Requires <b>Employee</b> Role"
</script>

Alert Success​

Show success alert message:

<AlertSuccess>Order was received</AlertSuccess>
Order was received

Error Summary​

Show failed Summary API Error Message:

<ErrorSummary :status="{ message:'Requires Employee Role' }" />
Edit this page on GitHub