Use this simple toast component with an icon, message, and dismissible close button to show alert messages to your website visitors. Make sure that you set the correct id for the data-collapse-toggle data attribute to enable the dismissible feature.
Use the absolute class from Tailwind CSS to position these toast components relative to the main content wrapper element from your document:
- Top left: absolute top-5 left-5
- Top right: absolute top-5 right-5
- Bottom left: absolute bottom-5 left-5
- Bottom right: absolute bottom-5 right-5
Stay in Touch with us and get all the updates for next offers and Deals.