Goodbye, <%= @name %>! 👋
We hope you enjoyed using Ruby2html!
<%=
html do
link_to 'Home', root_path, class: 'btn btn-primary', 'data-turbo': false
end
%>
```
This flexibility allows you to:
- Use Ruby2html syntax for new components or when refactoring existing ones
- Keep using familiar ERB templates where preferred
- Mix and match approaches within your application as needed
### More Component Examples
File: `app/components/first_component.rb`
```ruby
# frozen_string_literal: true
class FirstComponent < ApplicationComponent
def initialize
@item = 'Hello, World!'
end
def call
html(self) do
h1 id: 'first-component-title' do
'first component'
end
div class: 'content-wrapper' do
h2 'A subheading'
end
p class: 'greeting-text', 'data-testid': 'greeting' do
@item
end
end
end
end
```
File: `app/components/second_component.rb`
```ruby
# frozen_string_literal: true
class SecondComponent < ApplicationComponent
def call
html(self) do
h1 class: 'my-class', id: 'second-component-title', 'data-controller': 'second' do
'second component'
end
link_to 'Home', root_path, class: 'nav-link', 'data-turbo-frame': false
end
end
end
```
## Without Rails
```ruby
renderer = Ruby2html::Render.new(nil) do # nil is the context, you can use self or any other object
html do
head do
title 'Ruby2html Example'
end
body do
h1 'Hello, World!'
end
end
end
puts renderer.render # => "