ConfirmModal

Используется, когда пользователю нужно сфокусироваться на одной конкретной задаче, сохраняя контекст текущего экрана. Содержимое страницы недоступно до тех пор, пока пользователь взаимодействует с модальным окном.

Не используйте модальные окна для отображения сообщений об ошибке, успехе операции, или предупреждения.

Структура модального окна

  1. Описательного заголовка

    Используйте заголовок H3, заголовок должен быть кратким и понятным, это позволит пользователю понять где он находится

  2. Текст

    Для одной строки текста используйте элемент text 15, для нескольких абзацев используйте paragraph standart 15рх.

  3. Две кнопки действий

    Названия кнопок должны передавать действие и быть понятными.

    Это применимо не только к кнопкам модальных окон, но и ко всем остальным. В модальных окнах, кнопка «отменить» должна присутствовать в виде кнопки с надписью «отменить».Не допустимо использовать кнопку закрытия и крестик одновременно.

Как правильно написать текст – читайте в текстовом гайде

Элемент в Storybook

Last updated