0.0.22 • Published 3 years ago
react-smooth-modal v0.0.22
React Smooth Modal
A Smooth Modal which can be fullscreen and draggable dialog for React.JS.
Installation
# If you use npm:
npm install react-smooth-modal
# Or if you use Yarn:
yarn add react-smooth-modal
Usage
Here is a example of react-smooth-modal being used in React with hooks:
import React, { useState } from 'react';
import Modal from 'react-smooth-modal';
const App = () => {
const [visible, setVisible] = useState(false);
return (
<div>
<Modal
title="Test Title"
visible={visible}
onCancel={() => setVisible(false)}
>
Hello World!
</Modal>
</div>
)
}
Documentation
Coming soon!
API
Name | Type | Default | Description |
---|---|---|---|
afterClose | function() | - | Callback when the modal close |
bodyStyle | CSSProperties | - | The modal body style |
borderRadius | number / string | 5px | BorderRadius of modal container |
cancelText | string | 取消 | The cancel button text |
canFullscreen | boolean | false | Whether the modal can fullscreen |
centerd | boolean | false | Centered Modal |
className | string | - | The modal container className |
closable | boolean | true | Whether a close (x) button is visible or not |
draggable | boolean | false | Can be draggable |
escClosable | boolean | true | Whether support press esc to close |
footer | ReactNode | - | The modal's footer |
maskClosable | boolean | true | Whether to close the modal when the mask is clicked |
onCancel | function() | - | |
onSure | function() | - | |
sureText | string | 确定 | The sure button text |
title | ReactNode / string | - | The modal's title |
visible | boolean | false | Whether the modal is visible or not |
width | number / string | 500px | The modal's width |
zIndex | number | 1001 | The z-index of the Modal |
0.0.22
3 years ago
0.0.21
3 years ago
0.0.20
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.19
3 years ago
0.0.15
3 years ago
0.0.16
3 years ago
0.0.14
3 years ago
0.0.13
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago