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
size Size Change multiselect size md
color Color Change multiselect color green
placeholder string Add placeholder for multiselect 'Select...'
multiple boolean Change select to multiselect false
aniamtion boolean Display options dropdown with animation false
options array Set data to be shown in select []
selected array Set data of selected options []

Types - Size 

type size = "sm" | "md"

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