@vonage/vwc-banner

Displays a banner

Usage no npm install needed!

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

README

vwc-banner

Banners are meant to be used on top of pages, outside the main content.

Properties

Property Type Description
connotation BannerConnotation The connotation of the component
dismissible boolean When true a "dismiss" button will be presented, allowing the user to dismiss the banner message
icon string The type id of the icon to be presented to the left of message
message string The banner's main message
open boolean Determines whether the banner is visible of hidden (collapsed)
role role Role
ariaLive aria-live AriaLive

Events

Name Description
closing Fires whenever the the banner has started its closing animation
closed Fires when the closing animation is done
opening Fires whenever the the banner has started its opening animation
opened Fires when the opening animation is done

Slots

Name Description
actionItems Used to contain action buttons