react-dialog-tis

Install

npm i react-dialog-tis

or

yarn add react-dialog-tis

Usage

import React, { useState } from 'react'

import { Dialog } from 'react-dialog-tis'
import 'react-dialog-tis/dist/index.css'

const App = () => {
  const [open, setOpen] = useState(false)

  return (
    <div className='App'>
      <button className='Button' onClick={() => setOpen(true)}>
        Open Dialog
      </button>
      <Dialog
        className='Dialog'
        title='GitHub'
        titleClassName='Title'
        open={open}
        onClose={() => setOpen(false)}
        buttons={[
          {
            text: 'OK',
            onClick: () => setOpen(false),
            className: 'Button',
            leftIcon: //some icon,
            rightIcon: //some icon
          }
        ]}
        titleBorder={true}
        darkMode={false}
      >
        //Your Component
      </Dialog>
    </div>
  )
}

export default App

License

MIT © boof-tech