Смена иконки через CSS

Разработка
1

Привет всем!

Я стилизую Discourse Follow, и тогда я начал задумываться о изменениях относительно

button[aria-label="Follow"] или button[aria-label="Following"]

Подскажите, есть ли способ изменить иконку с помощью CSS, чтобы можно было переключаться с «user-plus» (подписаться) на «user-check» (подписан)?

Screen Shot 2020-11-13 at 11.56.36
Screen Shot 2020-11-13 at 11.56.36138×108 726 Bytes

Screen Shot 2020-11-13 at 11.54.03
Screen Shot 2020-11-13 at 11.54.03934×336 16.2 KB

Надеюсь, вы сможете мне помочь!

С наилучшими пожеланиями,
Фелипе

РЕДАКТИРОВАНИЕ (РЕШЕНИЕ):
Йоу! Я поработал с ссылкой на объект пользователя

{{follow-toggle icon=(if user.following 'user-check' 'user-plus') user=user}}

Screen Shot 2020-11-13 at 12.07.31
Screen Shot 2020-11-13 at 12.07.31696×248 11.8 KB

Спасибо всем!!

4

@feabila, это отличная идея.

Настолько отличная, что я уже внес хотя бы часть этого в репозиторий:

Классно! :+1: :tada:

На самом деле я оставлю функциональность такой, как вы предложили, но упрощу реализацию и буду использовать существующее вычисляемое свойство:

Посмотрите, если вам интересно альтернативное решение.

Ура!