Tailwind CSS Multiselect - Props

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

Attribute Type Description Default
sizeSize Change multiselect size md
colorColor Change multiselect color blue
placeholderstring Add placeholder for multiselect 'Select...'
multipleboolean Change select to multiselect false
aniamtionboolean Display options dropdown with animation false
optionsarray Set data to be shown in select []
selectedarray Set data of selected options []

Types - Size 

type size = "sm" | "md"

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 multiselect component.