tuo-modal
TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

tuo-modal

modal with fullpage background (react)

Screenshot

fade-modal

Development

npm install
yarn install

npm run dev
yarn dev

Install

npm install tuo-modal
yarn add tuo-modal

Usage

const [open, setOpen] = useState<boolean>(false);

//ex btn
<button type="button" onClick={() => setOpen(true)}>
<TuoFadeModal open={open} onClose={() => setOpen(false)}>
  ...JSX.Element (content inside the modal)
</TuoFadeModal>

API

TuoFadeModal props

name description type defalut
className additional css class modal without background stiring
width width of modal number / 'auto' 300
height height of modal number / 'auto' 400
modalColor background-color of modal string '#fff'
modalRadius border-radius of modal number 10
modalPadding padding of modal number 10
backgroundColor background-color of background string '#0003'
clickBackgroundClose onclose when clicked background boolean true
closeBtn close button boolean true
closeBtnColor color of close button string '#333'
open open modal boolean
onClose close function of modal () => void

Package Sidebar

Install

npm i tuo-modal

Weekly Downloads

60

Version

1.0.5

License

MIT

Unpacked Size

47.3 kB

Total Files

7

Last publish

Collaborators

  • thinkupout