Form Inputs
1. InputField
InputField component from nobo-ui-kit.
Import
import { InputField } from 'nobo-ui-kit';Usage
<InputField label='Username' placeholder='Enter username'
// helperText='sample'
// variant={undefined}
// status={undefined}
// error='sample'
// labelClassName='sample'
// inputClassName='sample'
// helperTextClassName='sample'
// labelIcon='sample'
// labelIconClassName='sample'
// suffix={undefined}
// rightElement={undefined}
// onChange={() => {}}
// country='sample'
// countryCodeEditable={false}
// enableSearch={false}
/>2. FileUpload
FileUpload component from nobo-ui-kit.
Click or drag to uploadMax 5MB
Import
import { FileUpload } from 'nobo-ui-kit';Usage
<FileUpload label='Upload File' maxSizeMB={5}
// value={undefined}
// defaultValue={undefined}
// onChange={() => {}}
// onUpload='sample'
// onUploadError={() => {}}
// multiple={false}
// accept='sample'
// maxFiles={0}
// disabled={false}
// required={false}
// helperText={undefined}
// error={undefined}
// color='sample'
// bgColor='sample'
// borderColor='sample'
// borderWidth={0}
// borderStyle={undefined}
// textColor='sample'
// fontSize='sample'
// icon={undefined}
// iconSize={0}
// iconColor='sample'
// renderPreview={() => {}}
// zoneClassName='sample'
// labelClassName='sample'
// gridClassName='sample'
// helperClassName='sample'
/>3. Textarea
Textarea component from nobo-ui-kit.
Import
import { Textarea } from 'nobo-ui-kit';Usage
<Textarea label='Comments' placeholder='Enter text...'
// helperText='sample'
// variant={undefined}
// status={undefined}
// value='sample'
// labelClassName='sample'
// textareaClassName='sample'
// helperTextClassName='sample'
// charCountClassName='sample'
// showCharCount={false}
/>