@zenequityui/modal v0.9.6
Installation
To install a component run
$ npm install @zenequityui/modal --save
Please import CSS styles via
@import '/path__to__node_modules/@zenequityui/modal/dist/index.min.css
Usage
import { Modal } from '@zenequityui/modal';
initialState = {
isOpen: false,
};
<div>
<Modal
isOpen={state.isOpen}
onKeyDown={(event) => {
setState({ isOpen: false });
}}
onClose={() => {
setState({ isOpen: false });
}}
>
<div>Modal Box</div>
</Modal>
<button
type="button"
className="zenequity-button"
onClick={() => {
setState({ isOpen: !state.isOpen });
}}
>
Modal
</button>
</div>
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago