Я пытаюсь стилизовать кнопку Buefy, чтобы она выглядела как простая текстовая ссылка.
Например, можно использовать:
<b-button
tag="a"
type="is-text"
href="https://www.example.com"
>
Click here
</b-button>
Это приводит к результату Я ищу, за исключением того, что я хочу получить такой тип, как is-text-red и is-text-blue, чтобы кнопка отображалась как текст определенного цвета.
Я мог бы решить эту проблему, просто используя:
<a href="https://www.example.com" class="red-link">Click here</a>
<a href="https://www.example.com" class="blue-link">Click here</a>
Но я хочу использовать <b-button type="is-text-red"> для создания встроенной ссылки.
Может ли кто-нибудь указать мне направление, которое включает в себя модификации Bulma CSS и / или Buefy CSS, которые позволят достичь this?
Я смотрю на компонент BButton node_modules, и похоже, что пропущен пропеллер type, поэтому представляется возможным создать пользовательский тип где-нибудь, аналогично is-info и is-warning.
Я хотел бы иметь текстовые версии, такие как is-text-info и is-text-warning, чтобы я мог использовать компонент кнопки для размещения встроенных тегов привязки.
Кратко изложено, как человек добавляет другой тип к <b-button>, который обеспечивает произвольный стиль?