A robust selector for all selective needs.
children
ReactNodeThe trigger and panel should be placed here.
*Can't edit react node values here
theme
ThemeThe theme of the Input.
size
SizeThe size of the Input.
variant
VariantThe variant of the Input.
disabled
booleanWhether the Input is disabled.
leadingIcon
ReactNodeIcon shown before the content.
trailingIcon
ReactNodeIcon shown after the content.
You can change the trailingIcon prop of the Select.Trigger to change the icon.
trailingIcon accepts any ReactNode, so you can use any icon library you want. If the icons are not
being sized correctly, make sure there is no implicit width/height props on the icon, and try
adding w-full h-full.
You can use the Select component inside an InputGroup to create joint forms. The InputGroup can be used with Input, Select and Input.
Learn more about InputGroup here ->.