Tailwind CSS Toast - Taco Tall Stack

Toasts are used to provide feedback to the user. They communicate important information about processes and events in the web application. Below we are presenting an example of the Toast component that you can use in your Taco project.


Code

Below you can find the code for the Toast component.


<x-toast 
    timeout="3000"
    title="The time is now for it to be okay to be great" 
    content="People in this world shun people for being great. For being a bright color. For standing out. But the time is now to be okay to be the greatest you. Would you believe in what you believe in, if you were the only one who believed it?"
    placement="bottom-right"
>
    <x-button>Button</x-button>
</x-toast>