Интерфейсы и API

Каждый пример интерактивный. Открой, исследуй поведение и забери код.

⌘ K

Фильтры, количество, checkout

Что входит в компонент?

Семантическая разметка, видимый фокус и нативное раскрытие. Для этой задачи достаточно HTML details и summary.

Нужен ли JavaScript?

Нет. Нативный аккордеон работает с клавиатурой и без JavaScript. Атрибут name связывает элементы в группу.

Как адаптировать стиль?

Измените цвета и отступы. Сохраните видимый индикатор, контраст и область нажатия.

Нативная доступность

BEFORE

AFTER

Управляемая граница сравнения

Ошибки, состояния, повтор

POST /api/quote
200 OK

Серверная цена и валидация