react-dismissible

Make your components dismissible!

Usage

$3

``jsx
import { useDismissible } from 'react-dismissible'

import { SomeModal } from './some-modal' // not real

function ComfirmButton(props) {
let [isVisible, setModalVisibiility] = React.useState(false)

const dismissible = useDismissible({
onDismiss: () => setModalVisibility(false)
click: true, // call onDismiss if clicking outside of this modal
escape: true, // call onDismiss if the user presses escape
})

return (
<>
setModalVisiblity(true)} />
{isVisible && (

setModalVisiblity(false)}>Cancel
Do it!

)}

)
}
`

$3

`jsx
import { Dismissible } from 'react-dismissible'

import { SomeModal } from './some-modal' // not real

function ComfirmButton(props) {
let [isVisible, setModalVisibiility] = React.useState(false)

return (
<>
setModalVisiblity(true)} />
{isVisible && (

click // call onDismiss if clicking outside of this modal
escape // call onDismiss if the user presses escape
onDismiss={() => {
setModalVisibility(false)
}}
>
setModalVisiblity(false)}>Cancel
Do it!


)}

)
}
`

Dismissible Props

`typescript
interface DismissibleProps {
onDismiss: Function
click?: boolean
escape?: boolean
disabled?: boolean
document?: Document
allowClickPropagation?: boolean
}
``