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
render(OneColumnLayout::Component.new(surface:)) do
  content_tag(:p, 'Hello World!')
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.