v1.0.0
Live Demo →
API Documentation →
Features:
- Notification element
- Width is set from content by default
- Setting
position
totop-stretch
orbottom-stretch
expands to the full screen width - Support for multiple notifications
- Using Lumo theme by default
- The styles from the parent scope apply to the notification content, making it easier to customize
- If the notification is used in the global DOM scope, then global styles apply to the notification card content.
- The default duration is 5 seconds
Usage:
<vaadin-notification opened duration="4000" position="top-end">
<template>
This notification is shown in the top right corner
</template>
</vaadin-notification
Changes Since v1.0.0-beta4:
- e206568 Update the styling example title