@team-devmonster/react-accio
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

@team-devmonster/react-accio

This is simple react accio. This can use like react-native modal.

author: devmonster

We are always looking for investment or assistance.
hompage: https://devmonster.co.kr
email: aldegad@devmonster.co.kr

items

  • [o] [modal]

Getting started

$ npm install @team-devmonster/react-accio@latest

Examples

Easy. Too Easy.

usage

import React, { useState } from "react";
import { Modal } from "@team-devmonster/react-modal";

export const AnyComponent = ({ visible, onRequestClose }) => {

  const [visible, setVisible] = useState(false);
  
  return (
    <>
      <Button 
        onClick={() => setVisible(true)}
        fill="outline">
        react-modal
      </Button>
      <Modal visible={visible} onRequestClose={() => console.log('on request close')}>
        <Div style={{ position: 'fixed', top: 0, left: 0, width: '100%', height: '100%' }}>
          <P>devmonster's react-modal</P>
          <Button onClick={() => { setVisible(false) }}>close</Button>
        </Div>
      </Modal>
    </>
  )
}

devmonsters modules

for javascript

for react

for react-native

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.0.12latest

Version History

VersionDownloads (Last 7 Days)Published
1.0.12
1.0.00

Package Sidebar

Install

npm i @team-devmonster/react-accio

Weekly Downloads

2

Version

1.0.1

License

MIT

Unpacked Size

106 kB

Total Files

50

Last publish

Collaborators

  • mtseo01
  • stmake22
  • aldegad