Переход состояния значка с кнопкой переключения значков в компонентах дизайна материалов mdc-web
Как использовать эффект перехода состояния, как показано в руководстве по проектированию материалов ( https://material.io/design/iconography/animated-icons.html), при использовании кнопки переключения значков. Я хочу плавный анимированный переход от значка A к значку B, когда пользователь щелкает его, как описано здесь
Я использую angular-mdc, который является реализацией mdc-web. Также были бы полезны ответы на компоненты дизайна материалов для веба.
Мой код
<mdc-icon-toggle [(ngModel)]="isOn" iconOn="done" iconOff="eject">
</mdc-icon-toggle>
Это переключает между значком "Готово" при извлечении значка при нажатии. Текущий переход является немедленным.