benivo-ui-library 1.6.0 → 1.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -38
- package/index.js +1 -1
- package/package.json +5 -5
- package/swiper.less +202 -202
package/README.md
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
# benivo-ui-library
|
|
2
|
-
|
|
3
|
-
[](https://travis-ci.org/joemccann/dillinger)
|
|
4
|
-
|
|
5
|
-
`benivo-ui-library` is a collection of react hooks and components for faster development.
|
|
6
|
-
|
|
7
|
-
# Installation
|
|
8
|
-
|
|
9
|
-
```sh
|
|
10
|
-
$npm install benivo-ui-library --save
|
|
11
|
-
```
|
|
12
|
-
# Basic usage
|
|
13
|
-
|
|
14
|
-
```js
|
|
15
|
-
import React from 'react';
|
|
16
|
-
import { Input, Select, Checkbox, Button } from 'benivo-ui-library';
|
|
17
|
-
import { useInput, useSelect, useCheckbox } from 'benivo-ui-library';
|
|
18
|
-
import { withTransition } from 'benivo-ui-library';
|
|
19
|
-
|
|
20
|
-
function MyApp() {
|
|
21
|
-
const email = useInput('initialvalue@gmail.com');
|
|
22
|
-
const agree = useCheckbox(false);
|
|
23
|
-
const event= useSelect('all');
|
|
24
|
-
const eventOptions=['all', 'news', 'promotional'];
|
|
25
|
-
const handleSubmit=()=>{
|
|
26
|
-
//some smart code here
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
return (
|
|
30
|
-
<form>
|
|
31
|
-
<Input label="Email" {...email.bind} />
|
|
32
|
-
<Select label="Events" options={eventOptions} {...event.bind}/>
|
|
33
|
-
<Checkbox label="I agree" {...agree.bind} />
|
|
34
|
-
<Button onClick={handleSubmit}>Subscribe</Button>
|
|
35
|
-
</form>
|
|
36
|
-
);
|
|
37
|
-
}
|
|
38
|
-
```
|
|
1
|
+
# benivo-ui-library
|
|
2
|
+
|
|
3
|
+
[](https://travis-ci.org/joemccann/dillinger)
|
|
4
|
+
|
|
5
|
+
`benivo-ui-library` is a collection of react hooks and components for faster development.
|
|
6
|
+
|
|
7
|
+
# Installation
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
$npm install benivo-ui-library --save
|
|
11
|
+
```
|
|
12
|
+
# Basic usage
|
|
13
|
+
|
|
14
|
+
```js
|
|
15
|
+
import React from 'react';
|
|
16
|
+
import { Input, Select, Checkbox, Button } from 'benivo-ui-library';
|
|
17
|
+
import { useInput, useSelect, useCheckbox } from 'benivo-ui-library';
|
|
18
|
+
import { withTransition } from 'benivo-ui-library';
|
|
19
|
+
|
|
20
|
+
function MyApp() {
|
|
21
|
+
const email = useInput('initialvalue@gmail.com');
|
|
22
|
+
const agree = useCheckbox(false);
|
|
23
|
+
const event= useSelect('all');
|
|
24
|
+
const eventOptions=['all', 'news', 'promotional'];
|
|
25
|
+
const handleSubmit=()=>{
|
|
26
|
+
//some smart code here
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
return (
|
|
30
|
+
<form>
|
|
31
|
+
<Input label="Email" {...email.bind} />
|
|
32
|
+
<Select label="Events" options={eventOptions} {...event.bind}/>
|
|
33
|
+
<Checkbox label="I agree" {...agree.bind} />
|
|
34
|
+
<Button onClick={handleSubmit}>Subscribe</Button>
|
|
35
|
+
</form>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
```
|