@vonage/vwc-badge

> TODO: description

Usage no npm install needed!

<script type="module">
  import vonageVwcBadge from 'https://cdn.skypack.dev/@vonage/vwc-badge';
</script>

README

vwc-badge

Represents a badge custom element. badge is a label that holds small amounts of information. A badge can be used to display unread notifications, or to label a block of text. Badges don’t work for navigation because they can't include a hyperlink.

Properties

Property Attribute Type Default
connotation connotation Connotation.Primary \| Connotation.CTA \| Connotation.Success \| Connotation.Alert \| Connotation.Warning \| Connotation.Info \| undefined
dense dense boolean false
enlarged enlarged boolean false
icon icon string \| undefined
iconTrailing iconTrailing string \| undefined
layout layout Layout.Filled \| Layout.Outlined \| Layout.Soft "filled"
shape shape Shape.Rounded \| Shape.Pill \| undefined
text text string \| undefined

Slots

Name Description
default This is a default/unnamed slot to assign text content. deprecated please use text property instead