v1.2.4

Release notes

What's new

Notivue Core

You can now pass a ref to both message and title push options. This allows to create notifications like this one:

const message = ref('Begin uploading...')

push.promise(message) // or push.promise({ message, title...

message.value = 'Uploading file 1/4'

// ...

Built-in Notifications

Add hideClose prop, which is by default set to false. This can be handy if you're lazy, and you don't want to import, clone and edit the icons object.

NotivueKeyboard

Add maxAnnouncements prop, which is by default set to 3. Leave notifications that announce the exit from the stream and the ability to re-enter using the combination key are now pushed only the first three times.

---

What's improved

Built-in Notifications

• Set the default width of the notification container to auto. After taking a look at the projects using Notivue, I noticed that the majority of the users are pushing notifications with very short messages.

If you prefer to have a fixed min-width, replicate the previous behavior by setting the variable --nv-min-width to your theme:

<Notifications
  :item="item"
  :theme="{ ...materialTheme, '--nv-min-width': '360px' }"
/>

• For the same reason, increased default font size from 0.925 to 1 rems and default spacing from 0.5 to 0.625 rems.
• Slightly darkened materialTheme background colors to improve accessibility and match WCAG 2 Contrast and Color Requirements.

---

What's fixed

NotivueKeyboard

• Fix leave announcements to be pushed to the stream if pressing Tab after focusing the stream with a device different from the keyboard.