A slightly better than native™ input.
placeholder
stringPlaceholder of the input
theme
ThemeThe theme of the Checkbox.
size
SizeThe size of the Checkbox.
variant
VariantThe variant of the Button.
disabled
booleanWhether the Checkbox is disabled.
leadingIcon
ReactNodeIcon shown before the content.
trailingIcon
ReactNodeIcon shown after the content.
You can use the leadingIcon and trailingIcon props to add icons before/after the Input content.
These props accept 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 Input component inside an InputGroup to create a segmented Input. The InputGroup can be used with Input, Select and Input.
Learn more about InputGroup here ->.