Юниверс DG SDK UI
v2.15.0

Переменная Confirm

Компонент модального окна подтверждения

  • Представляет стандартное модальное окно подтверждения, предоставляющее пользователю возможности:

    1. Подтвердить выполнение действия через кнопку подтверждения.
    2. Отменить действие через кнопку отмены, окно также можно закрыть по клавише "Escape".
  • Поведение:

    • Интерфейс поддерживает управление с клавиатуры:
      • Клавиша "Enter" вызывает onConfirm (если кнопка не заблокирована).
      • Клавиша "Escape" вызывает onClose.
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>
</>
);
}
}