design

data-*: хуки для JS без классов-мешалок

data-*: хуки для JS без классов-мешалок

<button data-action="open-brief"> отделяет поведение от визуального класса .btn-primary — делегирование кликов по [data-action].

Имена после data- должны быть в kebab-case; не храните в data-* большие JSON — используйте script type=application/json.

- [data-* — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*) — Правила именования.

- [HTML data attributes — web.dev](https://web.dev/articles/html-data-attributes) — Практики.

---

## Доступность

data-* не заменяют aria-* — состояние раскрытия по-прежнему aria-expanded.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.