ConfirmModal
Компонент ConfirmModal — это модальное окно подтверждения действий с поддержкой трёх состояний: запрос подтверждения (pending), успех (success) и ошибка (error). Каждое состояние имеет свою иконку, заголовок, описание и кнопки действий.
Обзор
- Основное назначение: подтверждение критических действий пользователя (удаление, отправка и т.д.).
- Ключевые возможности:
- Три состояния:
pending(ожидание),success(успех),error(ошибка). - Кастомизация сообщений для каждого состояния через проп
messages. - Индикатор загрузки на кнопке подтверждения.
- Блокировка закрытия во время загрузки.
- Анимированное появление/скрытие.
- Анимированная иконка успеха (
AnimatedTick).
- Три состояния:
API компонента
Props
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
show | Boolean | false | Управляет видимостью модального окна. |
state | String | 'pending' | Текущее состояние модального окна. Возможные значения: 'pending', 'success', 'error'. |
onClose | Function | (обязательный) | Функция-обработчик закрытия модального окна. |
onOk | Function | (обязательный) | Функция-обработчик подтверждения действия. |
confirmLoading | Boolean | false | Показывает индикатор загрузки на кнопке подтверждения. |
messages | Object | {} | Объект для кастомизации сообщений. Глубоко объединяется с defaultMessages. |
className | String | Дополнительные CSS-классы для панели модального окна. |