Skip to main content

view_component_usage

⚙️ Leveraging ViewComponent for Reusable UI​

ViewComponent helps you build encapsulated, testable view components. Create a component class and its template to isolate complex UI logic.

# app/components/button_component.rb
class ButtonComponent < ViewComponent::Base
  def initialize(text:, type: :primary)
    @text = text
    @type = type
  end
end
<!-- app/components/button_component.html.erb -->
<button class="btn btn-<%= @type %>"><%= @text %></button>