Задать вопрос
@Skrolea
jade

Как передать название иконки в миксин?

Добрый день.
Хочу сделать миксин кнопки, которая в результате будет принимать на входе либо текст, либо иконку.
mixin button(spec)
 - spec = spec || {}
 - spec.__class = spec.__class || 'btn'
 - spec.text = spec.text || ''
  button(class=spec.__class)&attributes(attributes)
     span=spec.text

Соответственно, вызываю его 
+button({__class:'btn btn-primary',text:'Читать'})
+button({__class:'btn-fab',text:'i.material-icons add'})

Но поскольку я передаю текст (i.material-icons add) в span, то он и выходит как текст. Что сделать в таком случае?
Добавить еще один параметр специально для fab как-то или какое то условие?
Пример на codepen
  • Вопрос задан
  • 148 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
k12th
@k12th
console.log(`You're pulling my leg, right?`);
Нет, все проще, если внимательно читать документацию:

mixin button(spec)
    - spec = spec || {}
    - spec.__class = spec.__class || 'btn'
    - spec.text = spec.text || ''
    button(class=spec.__class)&attributes(attributes)
        if block
            block
        else
            span=spec.text

+button({__class:'btn btn-primary', text:'Читать'})
+button({__class:'btn-fab'})
    i.material-icons add


В принципе, от параметра text можно вообще отказаться.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
PPC Team Lead Amazon (Senior)
GORA Group
от 2 500 $
Account Manager Amazon (Senior)
GORA Group
от 1 200 $
Junior Customer Support manager
IT Consult
от 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать CRM/ERP проект на Pure Php + Symfony
26 апр. 2024, в 18:27
200000 руб./за проект
Таргетированная реклама в Tik Tok
26 апр. 2024, в 18:24
80000 руб./за проект
Протестировать виджет на личном сайте
26 апр. 2024, в 18:00
500 руб./за проект
Ещё заказы