@codecraftkit/modal

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import codecraftkitModal from 'https://cdn.skypack.dev/@codecraftkit/modal';
</script>

README

modal

Made with create-react-library

NPM JavaScript Style Guide

Install

npm install --save @codecraftkit/modal

Usage

import React, { Component } from 'react'
import {Button, Text, useDisclosure} from "@chakra-ui/core";
import Modal from "@codecraftkit/modal";

const ExampleComponent = () => {
    const {isOpen, onOpen, onClose} = useDisclosure();
    return (
         <Fragment>
            <Button size='xs' onClick={onOpen}>Open Modal</Button>
            <Modal
                title='Modal Title'
                buttonText='New'
                body={<Text>Text Inside the Modal body</Text>}
                closeOnOverlayClick={false}
                onOpen={onOpen}
                isOpen={isOpen}
                onClose={onClose}/>
         </Fragment>)
}

License

MIT © CodeCraft