west Home
light_mode
MumpUI / Component / Input
copy
code  Show code
copy
code  Show code
Different input type fields
copy
code  Show code
Text
Mobile
Email
URL
Number
Password

Setting the input field “type” auto-selects the suitable keyboard in mobile devices, improving user experience.

Prefix & suffix
copy
code  Show code
91
visibility
Input component props
NameTypeUsage
..All input element props
prefixstring
onPrefixClickfunction
suffixstring
onSuffixClickfunction
onValuefunctionBetter alternative of onChange listener (value) => void. No need to do e.target.value
maxLengthnumberMaximum characters allowed
parentClassNamestringTo add class on wrapper div
parentStyleobjectTo add styling on wrapper div