Contents

<%= render(Yattho::Alpha::Layout.new) do |component| %>
  <% component.with_main(width: :full, border: true) { "Main" } %>
  <% component.with_sidebar(border: true) { "Sidebar" } %>
<% end %>
<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
  <% component.with_main(width: :md, border: true) { "Main" } %>
  <% component.with_sidebar(border: true) { "Sidebar" } %>
<% end %>
<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
  <% component.with_main(width: :lg, border: true) { "Main" } %>
  <% component.with_sidebar(border: true) { "Sidebar" } %>
<% end %>
<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
  <% component.with_main(width: :xl, border: true) { "Main" } %>
  <% component.with_sidebar(border: true) { "Sidebar" } %>
<% end %>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
yattho_view_components-0.0.1	previews/docs/alpha_layout_preview/main_widths.html.erb