pixelize-design-library 1.0.27 → 1.0.29
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 +35 -1
- package/dist/Components/Toaster/Toaster.js +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,6 +5,7 @@ This guide will help you integrate and use the NPM library in your project.
|
|
|
5
5
|
## Prerequisites
|
|
6
6
|
|
|
7
7
|
Before you begin, ensure you have the following installed:
|
|
8
|
+
|
|
8
9
|
- Node.js (preferably the latest LTS version)
|
|
9
10
|
- npm (comes with Node.js)
|
|
10
11
|
|
|
@@ -13,5 +14,38 @@ Before you begin, ensure you have the following installed:
|
|
|
13
14
|
To use this library in your project, you need to install it via npm. Run the following command in your project directory:
|
|
14
15
|
|
|
15
16
|
```bash
|
|
16
|
-
npm install
|
|
17
|
+
npm install pixelize-design-library
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
install before make a setup pixelize-authenticator library
|
|
22
|
+
|
|
23
|
+
## Components
|
|
24
|
+
|
|
25
|
+
PixelizeDesign Library Components Are Below
|
|
17
26
|
|
|
27
|
+
- ApexBarChart,
|
|
28
|
+
- ApexPieChart,
|
|
29
|
+
- Breadcrumbs,
|
|
30
|
+
- Button,
|
|
31
|
+
- Checkbox,
|
|
32
|
+
- ButtonGroupIcon,
|
|
33
|
+
- TextInput,
|
|
34
|
+
- InputTextArea,
|
|
35
|
+
- Loading,
|
|
36
|
+
- Modal,
|
|
37
|
+
- NavigationBar,
|
|
38
|
+
- NumberInput,
|
|
39
|
+
- PinInput,
|
|
40
|
+
- ProfileCard,
|
|
41
|
+
- ProfilePhotoViewer,
|
|
42
|
+
- ProgressBar,
|
|
43
|
+
- RadioButton,
|
|
44
|
+
- RadioButtonGroup,
|
|
45
|
+
- Select,
|
|
46
|
+
- SideBar,
|
|
47
|
+
- Skeletons,
|
|
48
|
+
- Table,
|
|
49
|
+
- Toaster,
|
|
50
|
+
- - useToaster,
|
|
51
|
+
- ToolTip,
|
|
@@ -29,6 +29,7 @@ var react_2 = require("@chakra-ui/react");
|
|
|
29
29
|
var ToasterContext = (0, react_1.createContext)(undefined);
|
|
30
30
|
function ToasterProvider(_a) {
|
|
31
31
|
var children = _a.children;
|
|
32
|
+
console.log(children, 'childrenchildren----'); // eslint-disable-line no-console
|
|
32
33
|
var toast = (0, react_2.useToast)();
|
|
33
34
|
var showToast = function (_a) {
|
|
34
35
|
var title = _a.title, description = _a.description, status = _a.status, _b = _a.duration, duration = _b === void 0 ? 5000 : _b, _c = _a.isClosable, isClosable = _c === void 0 ? true : _c, _d = _a.position, position = _d === void 0 ? "top-right" : _d, onClose = _a.onClose;
|