Уведомления

Текст уведомлений используется для предоставления пользователю дополнительной информации в интерфейсе и предупреждений о возможных или уже совершенных ошибках. Каждый тип имеет соответствующий цвет и иконку.

Типы уведомлений

Info

Предоставляет пользователям подсказки, набор данных, дополнительную информацию или контекст, которые помогают двигаться по сценарию. ПРИМЕЧАНИЕ. Используйте информационные уведомления если существует возможность недопонимания неопытным пользователем.

Info

Success

Подтверждает успешное выполнение процесса, действия или операции.

Info

Warning

Предупреждает о нежелательных или незавершенных действиях, которые могут привести к отличным от ожидаемых пользователем результатам. Сообщает, если что-то работает не так, как должно.

Info

Error

Сообщение о совершенной ошибке или недоступности процесса, действия или операции.

Info

Контрастность

В CDS есть два типа уведомлений — с цветным и белым фоном, которые позволяют управлять контрастностью уведомлений.

Уведомления color

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

Используйте контрастные уведомления, чтобы выделять их на фоне контроллов формы.

Уведомления white

В отличие от контрастных уведомлений, встраиваются в интерфейс и визуально не мешают пользователям.

Info

Уровень

Уведомления на уровне страницы

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

Уведомления на уровне формы

Для информирования пользователей о проблеме, которая возникла при вводе или работе с пользовательскими данными в форме или секции.

Info

Новое мажорное обновление!
Мы активно разрабатываем дизайн систему CDS 3.0 на Vue 3