C-07 · Component

Dialogs

Modals для confirm, expired access, certificate preview. Backdrop blur, focus trap, Esc-close.

Live preview

Static showcase

Завершити тестування?

Відповіли: 18 / 20. Не відповіли: 2 (питання 11, 17). Після завершення змінити відповіді буде неможливо.

Behavior

Backdrop click → close (тільки на background)
Esc → close, повертає focus на trigger
Focus trap у межах modal (Tab cycles)
Перший focusable element автоматично активується
body scroll lock коли modal open
aria-modal="true", role="dialog"
Animation: fadeUp 240ms ease-out