custome-modal 1.0.11 → 1.0.12
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 +5 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
# Custom Modal
|
|
2
|
-
|
|
3
|
-
Lightweight modal component for React. Make you own modal component with your favorite css framework or style (TailwindCSS) or without any framework.
|
|
4
1
|
|
|
2
|
+
<p align="center"><img width="180px" src="https://m1r.ai/BtfZK.png" /></p>
|
|
3
|
+
<h3 align="center">Custome Modal</h3>
|
|
4
|
+
<p align="center">Custome modal component for React. <br/>Make you own modal component with your favorite css framework (TailwindCSS) or style.</p>
|
|
5
|
+
|
|
5
6
|
## Install
|
|
6
7
|
|
|
7
8
|
```bash
|
|
@@ -84,7 +85,7 @@ export default function Example() {
|
|
|
84
85
|
- `dismissOnBackdrop` (boolean) - click backdrop to close. Default: `true`.
|
|
85
86
|
- `align` (`left` | `center` | `right`) - horizontal alignment inside viewport. Default: `center`.
|
|
86
87
|
- `justify` (`top` | `center` | `bottom`) - vertical alignment inside viewport. Default: `center`.
|
|
87
|
-
- `width` (`sm` | `md` | `lg` | `xl` | `2xl` | `3xl` | `4xl` | `5xl` | number | string) - modal width. Default: `lg`.
|
|
88
|
+
- `width` (`sm` | `md` | `lg` | `xl` | `2xl` | `3xl` | `4xl` | `5xl` | number | string) - modal width (numbers are treated as pixels). Default: `lg`.
|
|
88
89
|
|
|
89
90
|
## Methods (from useModal)
|
|
90
91
|
|