#html5_dialog — Public Fediverse posts

Как использовать html-элемент <dialog>?

Привет, Хабр! Меня зовут Александр Григоренко, я фронтенд-разработчик. В основном, занимаюсь разработкой приложений на React, но также постоянно экспериментирую с различными технологиями. В своей работе я часто создаю собственные или использую уже готовые UI-компоненты. Проблема с такими компонентами заключается в том, что они часто ограничены определённым фреймворком, и их реализация требует написания сложной нестандартизированной логики. В течение долгого времени для базовых UI-компонентов, таких как диалоговые окна, использовались самописные решения, а в тяжёлых случаях и встроенные в JavaScript методы alert() , prompt() и confirm() . Отличная новость в том, что такой компонент можно реализовать с использованием нативного HTML-элемента <dialog> , который встроен в стандарт HTML5 и работает одинаково во всех современных браузерах. Давайте познакомимся с возможностями <dialog> поближе.

https://habr.com/ru/articles/778542/

#dialog #модальное_окно #попап #диалоговое_окно #html5 #html5_dialog #modal_component #всплывающее_окно #dialog_element #html_tag_dialog