1.0.0 • Published 2 years ago

flexible-react-form-elements v1.0.0

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

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

Propsvalue
labelstring
typetext/number/email/password
namestring
valuevalue
placeholderstring
onChangefunction()
widthcustom width size
paddingcustom padding size

Selectmenu

Propsvalue
labelstring
namestring
onChangefunction()
optionsarray of objects

array of objects = {displayName: ' ', value: ' '}

Textarea

Propsvalue
labelstring
placeholderstring
namestring
valuevalue
onChangefunction()

Checkbox

Propsvalue
labelstring
namestring
checkedboolean
onChangefunction()

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()