Определение

Spoiler (Спойлер) — это компонент скрывающий часть текста или набора компонентов на странице. Используется на страницах с большим объемом однородной информации.

Функциональность

Основная цель — организовать и компактно отображать информацию, которая может быть опциональной или слишком длинной, чтобы отображаться в основном блоке интерфейса.

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

Может использоваться для подсказок, дополнительной информации или большого объема данных (например, длинного текста).

Дизайн и Стиль

Размер и Форма

Имеет 4 основных размера: XS, S, M и L.

Тип

Спойлер имеет 2 типа отображения:

Brand – использует цвета бренда

Neutral – используется в качестве нейтрального отображения

Цвет и Контраст

Соблюдайте общие цветовые правила дизайн-системы. Палитра Plex отвечает стандартам контрастности WCAG.

Параметры

Состояния

Анатомия