Tailwind CSS Input - Props

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

Attribute Type Description Default
variant Variant Change input variant outlined
size Size Change input size md
color Color Change input color blue
label string Add label for input ''
error boolean Change input state to error false
success boolean Change input state to success false

Types - Variant 

type variant = "standard" | "outlined" | "static"

Types - Size 

type size = "md" | "lg"

Types - Color 

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

Related

Examples

Checkout different examples for input component.