@shipengine/formik-giger 0.4.0 → 0.4.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +6 -6
- package/package.json +4 -4
package/README.md
CHANGED
@@ -1,20 +1,20 @@
|
|
1
|
-
# `@
|
1
|
+
# `@shipengine/formik-giger`
|
2
2
|
|
3
|
-
Bindings for using [Formik](https://github.com/formium/formik) with [Giger](https://github.com/
|
3
|
+
Bindings for using [Formik](https://github.com/formium/formik) with [Giger](https://github.com/shipengine/giger).
|
4
4
|
|
5
5
|
## Usage
|
6
6
|
|
7
|
-
Check [stories](https://github.com/
|
7
|
+
Check [stories](https://github.com/shipengine/giger/tree/master/packages/integrations/formik/src/stories) for examples on how to integrate this package in your application.
|
8
8
|
|
9
9
|
### FormField
|
10
10
|
|
11
|
-
With Design team we think about a "global" solution for the spaces (margin / paddings) at the `Input` component ([Giger](
|
11
|
+
With Design team we think about a "global" solution for the spaces (margin / paddings) at the `Input` component ([Giger](http://ui-components.packitos.com:6006/?path=/story/forms-input--canvas)) so thats why `FormField` component exists, this component accepts any children (Input, Select, etc) and a [message interface](https://github.com/shipengine/giger/blob/master/src/components/Form/FormField/FormField.tsx#L10) so we can forget to declare the Input + FieldMessage paddings across our codebase.
|
12
12
|
|
13
13
|
This component (FormField - Phavior) it's easy to use:
|
14
14
|
|
15
15
|
```js
|
16
16
|
import { Field } from 'formik';
|
17
|
-
import { FormField, Input } from '@
|
17
|
+
import { FormField, Input } from '@shipengine/formik-giger';
|
18
18
|
|
19
19
|
<FormField name="username">
|
20
20
|
<Field component={Input} label="username" />
|
@@ -27,7 +27,7 @@ Plus: this will render the error message when there is an error, but you can als
|
|
27
27
|
```js
|
28
28
|
import { Field } from 'formik';
|
29
29
|
import { FieldMessageType } from '@shipengine/giger';
|
30
|
-
import { FormField, Input } from '@
|
30
|
+
import { FormField, Input } from '@shipengine/formik-giger';
|
31
31
|
|
32
32
|
<FormField
|
33
33
|
name="username"
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@shipengine/formik-giger",
|
3
|
-
"version": "0.4.
|
3
|
+
"version": "0.4.1",
|
4
4
|
"description": "A package providing formik bindings for Giger",
|
5
5
|
"homepage": "https://github.com/shipengine/giger",
|
6
6
|
"sideEffects": false,
|
@@ -33,9 +33,9 @@
|
|
33
33
|
"postpublish": "packlink-scripts metrics"
|
34
34
|
},
|
35
35
|
"devDependencies": {
|
36
|
-
"@shipengine/giger": "^0.4.
|
36
|
+
"@shipengine/giger": "^0.4.1",
|
37
37
|
"formik": "^2.4.2",
|
38
|
-
"test-utils": "^2.7.
|
38
|
+
"test-utils": "^2.7.3",
|
39
39
|
"yup": "0.32.11"
|
40
40
|
},
|
41
41
|
"dependencies": {
|
@@ -49,5 +49,5 @@
|
|
49
49
|
"formik": ">=2.2.9",
|
50
50
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0"
|
51
51
|
},
|
52
|
-
"gitHead": "
|
52
|
+
"gitHead": "7a7d2b7bfaf97a5f182d3bba233d25edd12f79f3"
|
53
53
|
}
|