Alpine.js · самостоятельный пример · данные обрабатываются в этом браузере

Каталог услуг

Выберите условия и примените их

Настройки в панели сначала остаются черновыми. Список меняется только после «Применить фильтры»; отдельные условия можно снять чипами.

Попробуйте: категория «Формы» и «Только доступные» оставят одну карточку. Максимальная цена 1 000 ₽ покажет пустую выдачу.

Подходящие услуги

Под эти условия ничего не найдено

Увеличьте цену или снимите часть ограничений.

Условия поиска

Изменения применятся после нажатия кнопки внизу.

Alpine управляет двумя наборами фильтров. Нативный <dialog> ограничивает фокус; Escape закрывает панель, не применяя черновой выбор.