1.0.0 • Published 2 years ago
flexible-react-form-elements v1.0.0
Flexible-react-form-elements
Installation
Install my-project with npm
npm install flexible-react-form-elements
Usage
In a React app, you can use form elements like this:
Input Elements
import { Input } from 'flexible-react-form-elements'
Dropdown
import { Selectmenu } from 'flexible-react-form-elements'
Textarea
import { Textarea} from 'flexible-react-form-elements'
Checkbox
import { Checkbox } from 'flexible-react-form-elements'
Submit Button
import { SubmitButton} from 'flexible-react-form-elements'
Documentation
Input Props
Props | value |
---|---|
label | string |
type | text/number/email/password |
name | string |
value | value |
placeholder | string |
onChange | function() |
width | custom width size |
padding | custom padding size |
Selectmenu
Props | value |
---|---|
label | string |
name | string |
onChange | function() |
options | array of objects |
array of objects = {displayName: ' ', value: ' '}
Textarea
Props | value |
---|---|
label | string |
placeholder | string |
name | string |
value | value |
onChange | function() |
Checkbox
Props | value |
---|---|
label | string |
name | string |
checked | boolean |
onChange | function() |
SubmitButton
variant
'primary', 'secondary', 'info', 'success', 'warning', 'error', 'light', 'dark'
For custom button color
colorCode
'#yourcolorcode'
textColor
'#yourcolorcode'
placement
'center'
size
'small', 'medium'
disabled
boolean :- 'true', 'false'
onSubmit
function()
1.0.0
2 years ago