OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
<div data-view-component="true" class="grid-layout">
  <div style="grid-area: area1" data-view-component="true" class="grid-layout--area1 color-bg-attention p-6">Block 1</div>
  <div style="grid-area: area2" data-view-component="true" class="grid-layout--area2 color-bg-accent p-6">Block 2</div>
</div>

No notes provided.

1
2
3
4
5
6
7
8
render(Primer::OpenProject::GridLayout.new(css_class: "grid-layout", tag: :div)) do |component|
  component.with_area(:area1, bg: :attention, p: 6) do
    "Block 1"
  end
  component.with_area(:area2, bg: :accent, p: 6) do
    "Block 2"
  end
end

No params configured.