Анатомия
1. Шапка. Необязательно
2. Прилипающий элемент. Необязательно
3. Контент-часть. Обязательно
4. Подвал. Необязательно
5. Кнопка закрытия. Обязательно
6. Полоса прокрутки. Обязательно
7. Затемняющий слой. Обязательно
8. Кнопки переключения объектов. Необязательно
Шапка и подвал могут иметь дополнительные элементы.
Кнопка закрытия расположена снаружи контейнера модального окна для того, чтобы в правом верхнем углу сохранить место для дополнительных элементов.
Размеры и отступы
Ширина
Минимальная ширина модального окна — 400 px. Максимальная — не ограничена, но должна быть кратна 80 px. При необходимости окно может занимать всю ширину экрана, при этом кратность может не соблюдаться.
Размер окна зависит от контента, но в рамках одного проекта не стоит делать много разных модальных окон — соблюдайте единообразие.
#для_профи
#про_дизайн
Дизайн-форум