@crpt/react-dialog

react-tooltip React component

Stats

StarsIssuesVersionUpdatedCreatedSize
@crpt/react-dialog
001.0.23 years ago3 years agoMinified + gzip package size for @crpt/react-dialog in KB

Readme

react-tabs

Travis npm package Coveralls

Dialog component.

Usage


import { Dialog } from  "@crpt/react-dialog";


<Dialog
  isOpen={true}
  title={'Изменение настроек'}
  content={<div>Вы изменили настройки учетной записи.<br/>
    Вы уверены, что хотите не сохранять их?</div>}
  onOverlayClick={e => console.log('Overlay clicked, now close')}
  buttons={[
    {
      children: 'Отменить изменения',
      onClick: e => console.log('Отменить изменения')
    },
    {
      children: 'Сохранить изменения',
      onClick: e => console.log('Сохранить изменения')
    }
  ]}
/>
PropName Description Example
isOpen: Boolean(required) Dialog open if true.
title: String or Element Title of dialog. <Dialog title={Hello} />
content: String or Element content of dialog. <Dialog content={Hello, i am dialog.} />
onOverlayClick: Function On overlay click handler. <Dialog onOverlayClick={e => console.log('Overlay clicked, now close')} />
buttons: Array(required) Array of button props. <Dialog buttons={[
                                                              {
                                                                children: 'Отменить изменения',
                                                                onClick: e => console.log('Отменить изменения')
                                                              },
                                                              {
                                                                children: 'Сохранить изменения',
                                                                onClick: e => console.log('Сохранить изменения')
                                                              }
                                                            ]} /> |

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.