Skip to content

v1.0.0

Compare
Choose a tag to compare
@yuriy-fix yuriy-fix released this 25 Apr 10:24
· 166 commits to master since this release

Live Demo →
API Documentation →

Features:

  • Notification element
  • Width is set from content by default
  • Setting position to top-stretch or bottom-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