Releases: evo-mark/vue3-snackbar
Releases · evo-mark/vue3-snackbar
v2.4.0 - Behavioural fixes
- Improvement:
click.stop
listeners now used on the close and action buttons ( closes #18 ) - Improvement: Passing a
duration
of0
to the component or message will not set a message timeout if the message is dismissible ( closes #17 ) - BugFix: Identical messages are no longer grouped if groups are disabled ( closes #14 )
- BugFix: Renamed
browser
export toumd
in package.json ( closes #16 ) - BugFix: Messages not grouping properly in some circumstances
- BugFix: Moved
module
property from root tocompilerOptions
intsconfig.json
( suggested in #16 )
Full Changelog: v2.3.7...v2.4.0
v2.3.4 - JSDoc type fixes
- BugFix: Switch message properties to square brackets to accurately represent optional params.
Thanks to @jostrander for #13
v2.3.0 - Actions, limits and accessibility
Snackbar
- Feature: New
limit
prop on the Snackbar caps the number of messages/message groups shown at a time - Feature: New
iconPresets
prop on Snackbar allows defining default vue3-icon props for success, error, info or warning message types - Feature: Added
message-action
slot positioned below content
Messages
- Feature: Added 'action' prop on message object which takes any valid Vue component/render function
- Feature: Added 'role' prop on message object to override the default role behaviour
- Improvement: Accessibility features added to snackbar incuding aria-live and message role detection of 'alert' or 'status' with optional override
v2.1.0 - Border-style customisation
Added three new props for use with the "border-style" messages:
/**
* The background colour opacity when using border-style messages
*/
backgroundOpacity: {
type: [String, Number],
default: 0.12,
validator: (v) => {
return !isNaN(parseFloat(v)) && isFinite(v);
},
},
/**
* Background colour when using border-style messages
*/
backgroundColor: {
type: String,
default: "currentColor",
},
/**
* Base layor background colour when using border-style messages
*/
baseBackgroundColor: {
type: String,
default: "#fff",
},
v1.1.2 - Reverse stack and new events
Features
- Added
reverse
prop for changing the message stack order - Events for
added
,removed
,dismissed
andcleared
are now available
Other
- Minor style tweaks
- Dependencies bumped
v1.1.0 - Message Groups
- Added support for message groups
- Fix for message duration defaults
- Minor style fixes
- Updated dependencies
v1.0.3 - SSR Fixes
- Added SSR-compatible check before attempting to add the snackbar service to the window object
v1.0.2 Style tweaks and timeout fix
- Tweaked styles to the container to keep it closer to the edges of the screen
- Added an automatic timeout to messages if not duration is set, and they are not dismissible.
v1.0.1: Bug Fixes
- Fixed issue in package.json that blocked the css file from being imported
Initial Release
The initial release of Vue 3 Snackbar.