Skip to content

prashantreneur/flexible-react-form-elements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A NPM Form Elements Package For Reactjs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published