@calizahq/react-components 2.86.3

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of @calizahq/react-components might be problematic. Click here for more details.

package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License Copyright (c) 2021
2
+
3
+ Permission is hereby granted, free
4
+ of charge, to any person obtaining a copy of this software and associated
5
+ documentation files (the "Software"), to deal in the Software without
6
+ restriction, including without limitation the rights to use, copy, modify, merge,
7
+ publish, distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to the
9
+ following conditions:
10
+
11
+ The above copyright notice and this permission notice
12
+ (including the next paragraph) shall be included in all copies or substantial
13
+ portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
16
+ ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
17
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
18
+ EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
19
+ OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
20
+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,39 @@
1
+ # @calizahq/react-components
2
+
3
+ Caliza react components
4
+
5
+ ## Features
6
+
7
+ - ES6 syntax, managed with Prettier + Eslint and Stylelint
8
+ - React 17
9
+ - Typescript
10
+ - Emotion
11
+
12
+ ## Install
13
+
14
+ ```sh
15
+ yarn add @calizahq/react-components
16
+ // or
17
+ npm i @calizahq/react-components
18
+ ```
19
+
20
+ ### Requirements
21
+
22
+ - React 16.8
23
+
24
+
25
+ ### Usage
26
+
27
+ ```js
28
+ import { Button } from '@calizahq/react-components';
29
+ import { useState } from 'react';
30
+
31
+ export const App = () => {
32
+ const [counter, setCounter] = useState(0)
33
+ return (<div>
34
+ Counter: {counter}
35
+ <Button onClick={() => setCounter(counter + 1)} basic={true} outline={true}>+</Button>
36
+ <Button onClick={() => setCounter(counter - 1)} basic={true} outline={true}>-</Button>
37
+ </div>)
38
+ }
39
+ ```