When there are plenty of options, use a drop-down menu to display and select desired ones.
Default size is Large. Input component provides {{ sizes.length }} additional sizes for you to choose among different scenarios. Use attribute size to set additional
sizes
Set the value of
Disable the whole component. Set
You can clear Select using a clear icon. Set
Multiple select uses tags to display selected options. Set
default
Wrap mode
No wrap mode
use collapse-tags
use collapse-tags-tooltip
use max-collapse-tags
You can customize HTML templates for options. Insert customized HTML templates into the slot of
You can customize the header of the dropdown. Use slot to customize the content.
You can customize the footer of the dropdown. Use slot to customize the content.
Display options in groups. Use
You can filter options for your desired ones. Adding
Create and select new items that are not included in select options By using the
If the binding value of Select is an object, make sure to assign
Selected option's: {{ objectSelected ? objectSelected : 'no select' }}
You can customize tags. Insert customized
Selected option's: {{ colorSelected ? colorSelected : 'no select' }}
You can customize label. Insert customized
Selected option's: {{ colorSelected ? colorSelected : 'no select' }}
You can customize label. Insert customized