# Toastification

Toastification is greatly flexible package which let you style/render toast however you want.

# Custom Component

We have used custom component ToastificationContent for rendering toast content. Thanks to support for custom component (opens new window) in toastification component, you can even create you own component with your own style if you like.


Please make sure to read the docs for toastification for using it with vue composition API and normal options API.

You can check demo on this (opens new window) page.

# ToastificationContent API

Name Description Type Parameters Default
variant Bootstrap color variant for toast string Bootstrap Color primary
title Toast title string
text toast text/description string
icon feather icon name string/object valid feather icon name
hideClose Hide close to close the toast boolean true/false false
🥳 ×

Help us provide the integration and customization you need.
Save more hours 🕖 by letting us know how you want our template to be.

Yes, I want to help