2.0.0-alpha-1 • Published 6 years ago

react-final-form-components v2.0.0-alpha-1

Weekly downloads
180
License
-
Repository
github
Last release
6 years ago

React final-form bootstrap 3 components

With this final-form-bootsrap3 package you can create simple and more complex forms in jsx.

Available components

  • Checkbox
  • Custom
  • DropZone
  • PassWord
  • Radio
  • Select
  • Show
  • Text

Api

<Checkbox />

Single checkbox

<Checkbox name="checkbox" label="Checkbox label" help="click this checkbox">
  Click me!
</Checkbox>
AttributeTyperequiredDefault valueDescription
namestringyes-name of the field, this will be used for initial values and submit values
labelstringno-will show input label
helpstringno-display helper text
childrenarray, string, object ,elementno-show text behind checkbox

Single checkbox custom return value

<Checkbox name="checkbox" label="Checkbox label" help="click this checkbox">
  <option value="mango">I will return a mango</option>
</Checkbox>

Multiple checkbox filter and show over two columns

<Checkbox
  name="checkbox"
  label="Checkbox label"
  help="click this checkbox"
  filter
  placeholderFilter="Filter mango`s"
  columns={2}
>
  <option value="1">Mango 1</option>
  <option value="2">Mango 2</option>
  <option value="3">Mango 3</option>
  <option value="4">Mango 4</option>
  <option value="5">Mango 5</option>
</Checkbox>
<checkbox />
AttributeTypeRequiredDefault valueDescription
namestringyes-name of the field, this will be used for initial values and submit values
labelstringno-will show input label
helpstringno-display helper text
filterbooleannofalsecan we filter the checkboxes
placeholderFilterstringnoFiltercan we filter the checkboxes
columnsnumberno1amount of columns
helpstringno-display helper text
childrenoptionno-show text behind checkbox and contains the return custom value
<option />
AttributeTypeRequiredDescription
valuestring, numberyesvalue that will be set when clicked
childrenarray, string, object, elementyesvalue that is shown after the checkbox
2.0.0-alpha-30

5 years ago

2.0.0-alpha-29

5 years ago

2.0.0-alpha-28

5 years ago

2.0.0-alpha-26

5 years ago

2.0.0-alpha-25

5 years ago

2.0.0-alpha-24

6 years ago

2.0.0-alpha-23

6 years ago

2.0.0-alpha-22

6 years ago

2.0.0-alpha-20

6 years ago

2.0.0-alpha-19

6 years ago

2.0.0-alpha-18

6 years ago

2.0.0-alpha-17

6 years ago

2.0.0-alpha-16

6 years ago

2.0.0-alpha-15

6 years ago

2.0.0-alpha-14

6 years ago

2.0.0-alpha-13

6 years ago

2.0.0-alpha-12

6 years ago

2.0.0-alpha-11

6 years ago

2.0.0-alpha-10

6 years ago

2.0.0-alpha-9

6 years ago

2.0.0-alpha-8

6 years ago

2.0.0-alpha-7

6 years ago

2.0.0-alpha-6

6 years ago

2.0.0-alpha-5

6 years ago

2.0.0-alpha-4

6 years ago

2.0.0-alpha-3

6 years ago

2.0.0-alpha-2

6 years ago

2.0.0-alpha-1

6 years ago

1.0.1

7 years ago

1.0.0-beta.36

7 years ago

1.0.0-beta35

7 years ago

1.0.0-beta.34

7 years ago

1.0.0-beta.33

7 years ago

1.0.0-beta.32

7 years ago

1.0.0-beta.31

7 years ago

1.0.0-beta.30

7 years ago

1.0.0-beta.29

7 years ago

1.0.0-beta.28

7 years ago

1.0.0-beta.27

7 years ago

1.0.0-beta.26

7 years ago

1.0.0-beta.25

7 years ago

1.0.0-beta.24

7 years ago

1.0.0-beta.23

7 years ago

1.0.0-beta.22

7 years ago

1.0.0-beta.21

7 years ago

1.0.0-beta.20

7 years ago

1.0.0-beta.19

7 years ago

1.0.0-beta.18

7 years ago

1.0.0-beta.17

7 years ago

1.0.0-beta.16

7 years ago

1.0.0-beta.15

7 years ago

1.0.0-beta.14

7 years ago

1.0.0-beta.13

7 years ago

1.0.0-beta.12

7 years ago

1.0.0-beta.11

7 years ago

1.0.0-beta.10

7 years ago

1.0.0-beta.9

7 years ago

1.0.0-beta.8

7 years ago

1.0.0-beta.7

7 years ago

1.0.0-beta.6

7 years ago

1.0.0-beta.5

7 years ago

1.0.0-beta.4

7 years ago

1.0.0-beta.3

7 years ago

1.0.0-beta.2

7 years ago

1.0.0-beta.1

7 years ago