Использование Bootstrap иконок в Rails 6 с Webpacker - PullRequest
Новая
       11

Использование Bootstrap иконок в Rails 6 с Webpacker

0 голосов
/ 17 марта 2020

Я хотел использовать Bootstrap иконки в бета-версии "Официальная библиотека SVG иконок с открытым исходным кодом для Bootstrap." https://icons.getbootstrap.com/. Это для Bootstrap 4 в Rails 6.

Я пробовал различные варианты импорта и включает в приложение. js и application.s css безуспешно

Как мне выполнить sh это?

1 Ответ

1 голос
/ 17 марта 2020

Я нашел основу решения на этом обсуждении GitHub с @chriskrams, предоставляющим ключевую информацию.

Я запустил yarn add bootstrap-icons для установки значков.

Затем я создал помощника в app/helpers/application_helper.rb. Пустой module ApplicationHelper был создан автоматически. 

module ApplicationHelper
  def icon(icon, options = {})
    file = File.read("node_modules/bootstrap-icons/icons/#{icon}.svg")
    doc = Nokogiri::HTML::DocumentFragment.parse file
    svg = doc.at_css 'svg'
    if options[:class].present?
      svg['class'] += " " + options[:class]
    end
      doc.to_html.html_safe
  end
end

node_modules/bootstrap-icons/icons/ - это место, где пряжа устанавливает значки.

Для использования значков, например, <%= icon("alert-circle", class: "text-success") %>.

Вы также можете увидеть доступные значки в app/node_modules/bootstrap-icons/icons/

...