Tailwind CSS Toast - Props



The following props are available for toast component. These are the custom props that come with we've added for the toast component and you can use all the other native props as well.

Attribute Type Description Default
placement Placement Change toast placement top
title string Change title ""
content string Change content required
time number Change time before auto-dismiss 0

Types - Placement 

type placement = 
      | "top"
      | "topstart"
      | "topend"
      | "right"
      | "rightstart"
      | "rightend"
      | "bottom"
      | "bottomstart"
      | "bottomend"
      | "left"
      | "leftstart"
      | "leftend"

Related

Examples

Checkout different examples for toast component.