Const
const {Button} = window.Universe.Platform.Uikit;
const {React, Mobx} = window.Universe.Vendor;
const {Confirm} = window.Universe.Platform.Confirm;
class Example extends React.PureComponent<{}> {
@Mobx.observable
isOpen: boolean;
@Mobx.action
open = () => {
this.isOpen = true;
};
@Mobx.action
close = () => {
this.isOpen = false;
};
render () {
return (
<>
<Button onClick={this.open}>Удалить</Button>
<Confirm
isOpen={this.isOpen}
onConfirm={() => console.log('Действие подтверждено')}
onClose={this.close}
confirmText="Удалить"
cancelText="Отмена"
>
Вы уверены, что хотите удалить этот элемент?
</Confirm>
</>
);
}
}
Компонент модального окна подтверждения
Представляет стандартное модальное окно подтверждения, предоставляющее пользователю возможности:
Поведение:
onConfirm
(если кнопка не заблокирована).onClose
.