@crpt/react-dialog

react-tabs

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('Сохранить изменения')
                                                              }
                                                            ]} /> |