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
variantstring Change button variant 'filled'
sizestring Change button size 'lg'
colorstring Change button color 'blue'
buttonstring 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-orange"
    | "orange"
    | "amber"
    | "yellow"
    | "lime"
    | "light-blue"
    | "blue"
    | "teal"
    | "cyan"
    | "light-blue"
    | "blue"
    | "indigo"
    | "deep-purple"
    | "purple"
    | "pink"
    | "red"

Related

Examples

Checkout different examples for dropdown component.