Интерактивные примеры

Изучите живые примеры, показывающие, как библиотека ведёт себя в типичных сценариях использования Angular.

Лист открывается из сервиса и отвечает один раз, поэтому, пока он закрыт, на странице от него ничего не остаётся.

Открытие листа

Nothing chosen yet

Роль решает, где стоит действие и как оно читается; обработчик решает, может ли лист закрыться.

Роли и обработчик, который отказывает

The first attempt always fails, on purpose

Блоки с собственными заголовками — для листа, который слишком длинен, чтобы плоский список читался.

Сгруппированные действия

Export format: pdf

Один семантический акцент на весь лист и CSS-переменная для каждого визуального решения под ним.

Акцент и токены

The accent colours the selected action; the branded sheet also changes its radius, its touch targets and the width it is allowed to take.