1.0.4 • Published 2 years ago
@codecraftkit/clickoutside v1.0.4
clickoutside
Made with create-react-library
Install
npm install --save @codecraftkit/clickoutside
Usage
import React, { Component } from 'react'
import {Box, Button, Code, Grid, Text, useDisclosure} from "@chakra-ui/core";
import ClickOutside from "@codecraftkit/clickoutside";
const ExampleComponent = () => {
const {isOpen, onOpen, onClose} = useDisclosure();
return (
<Fragment>
{
isOpen ?
<ClickOutside handleAction={onClose}>
<Box rounded='md' bg='red.400' color='white' p={4}>
Click outside this button to close it</Box>
</ClickOutside> :
<Button variantColor={'blue'} onClick={onOpen}>Open Box</Button>
}
</Fragment>)
}
License
MIT © CodeCraft
1.0.4
2 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.3
3 years ago
1.0.6-alpha.6
3 years ago
1.0.6-alpha.5
3 years ago
1.0.6-alpha.4
3 years ago
1.0.6-alpha.3
3 years ago
1.0.6-alpha.2
3 years ago
1.0.6-alpha.1
3 years ago
1.0.6-alpha.0
4 years ago
1.0.4-alpha.0
4 years ago
1.0.5-alpha.0
4 years ago
1.0.3-alpha.0
4 years ago
1.0.2-alpha.0
4 years ago