Tailwind CSS Alert - Props

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

Attribute Type Description Default
variantVariant Change alert variant filled
colorColor Change alert color blue
dismissibleboolean Makes alert dismissible false
animationboolean Change alert animation false
showboolean Change alert visibility true

Types - Variant

type variant = "filled" | "gradient"
    

Types - Color

type variant = 
  | "blue-gray"
  | "gray"
  | "brown"
  | "deep-orange"
  | "orange"
  | "amber"
  | "yellow"
  | "lime"
  | "light-blue"
  | "blue"
  | "teal"
  | "cyan"
  | "light-blue"
  | "blue"
  | "indigo"
  | "deep-purple"
  | "purple"
  | "pink"
  | "red"