OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
<div data-view-component="true" class="d-flex flex-column">
  <div data-view-component="true" class="d-flex flex-row">
    <div data-view-component="true" class="color-bg-attention p-3">Block 1</div>
    <div data-view-component="true" class="color-bg-success p-3">Block 2</div>
  </div>
  <div data-view-component="true" class="color-bg-accent p-6">Block 3</div>
</div>

No notes provided.

1
2
3
4
5
6
7
8
render(Primer::OpenProject::FlexLayout.new) do |component|
  component.with_row(flex_layout: true) do |flex_child|
    flex_child.with_column(bg: :attention, p: 3) { "Block 1" }
    flex_child.with_column(bg: :success, p: 3) { "Block 2" }
  end
  component.with_row(bg: :accent, p: 6) { "Block 3" }
end

No params configured.