resources/js/Components/FlashMessage.vue
Package: vue-sonner.Shadcn-vue Sonner component: https://www.shadcn-vue.com/docs/components/sonner.html This component is already included in all major layouts so you don’t need to do anything. It just works.
Types
- default
- success
- info
- warning
- error
Style
You can style toast messages however you like. Just go to the component files (FlashMessage
and Sonner
) and make the udpates.
Duration
Duration of the toast message in milliseconds.Position
- top-left
- top-center
- top-right
- bottom-left
- bottom-center
- bottom-right