1. <va-notification
    2. v-model="isVisible"
    3. color="info"
    4. closeable
    5. >
    6. <span class="va-badge va-badge--success"> Paid </span>
    7. You successfully read this important alert message.
    8. </va-notification>

    Props

    • color - String (default: 'success') - use this property to set the color of the notification. We can choose one color from a set of theme colors (primary, secondary, info, error, warning)
    • value - Boolean - use v-bind:value="true" to set visibility of the notification
    • closeable - Boolean - use v-bind:closeable="true" to add close icon on the right side of notification. Both with value get possibility to hide notification
      Find DEMOs here!