Accordion
Accordion — сворачиваемые секции контента. Позволяет скрыть вторичный контент и раскрыть его по запросу пользователя.
1. Key Principles of Use
When to use
Use — FAQ, настройки с многочисленными разделами, длинные формы с необязательными полями.
Don't use — если контент важен и пользователь должен видеть его сразу.
5. States
| Состояние | Описание |
|---|---|
collapsed | Секция свёрнута |
expanded | Секция раскрыта |
hover | Курсор над заголовком |
focus | Фокус клавиатуры |
disabled | Секция недоступна |
6. Behavior
Keyboard interaction
| Клавиша | Действие |
|---|---|
Tab / Shift+Tab | Переход между заголовками |
Enter / Space | Раскрыть / свернуть секцию |
Нашли расхождение документации и библиотеки — напишите команде.Сообщить о расхождении