Simple Bridgetown ViewComponent Example

base_component.rb

# src/_components/base_component.rb

class BaseComponent < ViewComponent::Base
  include Bridgetown::ViewComponentHelpers

  TWITTER_PROFILE_URL = "https://twitter.com/andrewmcodes"

  def twitter_link
    link_to "Twitter", TWITTER_PROFILE_URL
  end
end

header_component.erb

<%# src/_components/header.erb %>

<header class="p-2 text-white bg-blue-600">
  <h1><%= @title %></h1>
  <%= markdownify @description %>
  <%= twitter_link %>
</header>

header_component.rb

# src/_components/header_component.rb

class HeaderComponent < BaseComponent
  def initialize(title:, description:)
    @title = title
    @description = description
  end
end