Introduction to Phlex

class ArticleComponent < Phlex::HTML
  def initialize(title:)
    @title = title
  end

  def view_template
    article do
      h1(class: "text-2xl font-bold") { @title }
      p { "Welcome to Phlex!" }
    end
  end
end

ArticleComponent.new(title: "Hello World").call
# => <article><h1 class="text-2xl font-bold">Hello World</h1><p>Welcome to Phlex!</p></article>

class ButtonComponent < Phlex::HTML
  def view_template
    button(
      class: "btn btn-primary",
      data: { controller: "button", action: "click->button#toggle" },
      disabled: true
    ) { "Click me" }
  end
end