@zenkigen-inc/component-ui 1.11.0 → 1.11.2
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 +15 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -3,7 +3,21 @@
|
|
|
3
3
|
## インストール
|
|
4
4
|
|
|
5
5
|
```bash
|
|
6
|
-
yarn add @zenkigen-inc/component-ui
|
|
6
|
+
yarn add @zenkigen-inc/component-ui @zenkigen-inc/component-config
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
Tailwind CSSの設定に以下を追加する。
|
|
10
|
+
|
|
11
|
+
```diff
|
|
12
|
+
{
|
|
13
|
+
|
|
14
|
+
content: [
|
|
15
|
+
+ './node_modules/@zenkigen-inc/**/*.{js,ts,tsx}',
|
|
16
|
+
],
|
|
17
|
+
presets: [
|
|
18
|
+
+ require('@zenkigen-inc/component-config')
|
|
19
|
+
],
|
|
20
|
+
}
|
|
7
21
|
```
|
|
8
22
|
|
|
9
23
|
## 利用方法
|
package/dist/index.esm.js
CHANGED
|
@@ -1719,7 +1719,7 @@ var ToastProvider = function ToastProvider(_ref) {
|
|
|
1719
1719
|
state = _ref2.state;
|
|
1720
1720
|
setToasts(function (prev) {
|
|
1721
1721
|
return [].concat(prev, [{
|
|
1722
|
-
id:
|
|
1722
|
+
id: Math.trunc(Math.random() * 100000),
|
|
1723
1723
|
message: message,
|
|
1724
1724
|
state: state
|
|
1725
1725
|
}]);
|
|
@@ -1741,7 +1741,7 @@ var ToastProvider = function ToastProvider(_ref) {
|
|
|
1741
1741
|
removeToast: removeToast
|
|
1742
1742
|
},
|
|
1743
1743
|
children: [children, isClientRender && /*#__PURE__*/createPortal( /*#__PURE__*/jsx("div", {
|
|
1744
|
-
className: "pointer-events-none fixed bottom-0 left-0 z-toast mb-4 ml-4 flex w-full flex-col-reverse",
|
|
1744
|
+
className: "pointer-events-none fixed bottom-0 left-0 z-toast mb-4 ml-4 flex w-full flex-col-reverse gap-[16px]",
|
|
1745
1745
|
children: toasts.map(function (_ref3) {
|
|
1746
1746
|
var id = _ref3.id,
|
|
1747
1747
|
message = _ref3.message,
|