Tailwind CSS Dropdown - Props

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

Attribute Type Description Default
variant string Change button variant 'filled'
size string Change button size 'lg'
color string Change button color 'blue'
button string Add label for dropdown 'Dropdown'

Types - Variant 

type variant = "filled" | "gradient" | "outlined" | "text"

Types - Size 

type size = "sm" | "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 dropdown component.