v0.0.120
Primer ViewComponents is an implementation of the Primer Design System, using ViewComponent.
Render Primer ViewComponents from templates:
<%= render(Primer::Beta::Counter.new(count: 25)) %>
In Gemfile
, add:
gem "primer_view_components"
In config/application.rb
, add after the application definition:
require "view_component"require "primer/view_components/engine"
Optionally, to add the JavaScript behaviours, in your application.html.erb
in the <head>
tag add:
<%= javascript_include_tag("primer_view_components") %>
Or alternatively, you can install the @primer/view-components
npm package and in your JavaScript code add:
import '@primer/view-components'
You can also import only the components you need:
import '@primer/view-components/tab_container'
In addition to the dependencies declared in the gemspec
, Primer ViewComponents assumes the presence of Primer CSS.