Design System — By Robots
x
1
2
3
4
5
<section class="c-one-column-layout">
  <div class="c-one-column-layout__body c-one-column-layout__body--tertiary">
    <p>Hello World!</p>
  </div>
</section>
1
2
3
4
5
render(OneColumnLayout::Component.new(surface:)) do |layout|
  layout.body do
    content_tag(:p, 'Hello World!')
  end
end

One Column Layout

For rendering content in a single column.

Param Description Input

The surface of the layout. Content on it will be styled accordingly.