Chips

Chips

<va-chip
 icon="brandico brandico-facebook"
>
 Plus chip
</va-chip>

Props

• outline - Boolean.
• color - String (default: 'success') - use this property to set the color of the chip. We can choose one color from a set of theme colors (primary, secondary, info, error, warning).
• small - Boolean.
• icon - String - insert icon with defined class from the left side of the chip.
• iconRight - String - insert icon with defined class from the right side of the chip

Badges

Small chip with possibility to set color.

<va-badge 
 color="warning"
>
 On Hold
</va-badge>

Props

• color - String (default: 'success') - use this property to set the color of the badge. We can choose one color from a set of theme colors (primary, secondary, info, error, warning).

Tags

Normal closeable outline chip with possibility to set color.

<va-tag 
 closeable
>
 Tag
</va-tag>

Props

• color - String (default: 'success') - use this property to set the color of the tag. We can choose one color from a set of theme colors (primary, secondary, info, error, warning).
• closeable - Boolean.

Find DEMOs here!