Notifications

Jump to bottom

Sanya Boriskin edited this page Jan 25, 2019 · 5 revisions

<va-notification 
  v-model="isVisible" 
  color="info" 
  closeable
>
 <span class="va-badge va-badge--success"> Paid </span>
 You successfully read this important alert message.
</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!