1.0.0 • Published 4 years ago
flexible-react-form-elements v1.0.0
Flexible-react-form-elements
Installation
Install my-project with npm
npm install flexible-react-form-elementsUsage
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
4 years ago