OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!-- Narrow -->
<div class="blankslate-container">
  <div data-view-component="true" class="blankslate blankslate-narrow">
    <h2 data-view-component="true" class="blankslate-heading">Title</h2>
    <p data-view-component="true">Description</p>
  </div>
  </div>
<!-- Spacious -->
<div class="blankslate-container">
  <div data-view-component="true" class="blankslate blankslate-spacious">
    <h2 data-view-component="true" class="blankslate-heading">Title</h2>
    <p data-view-component="true">Description</p>
  </div>
  </div>
<!-- Border -->
<div class="Box">
  <div class="blankslate-container">
    <div data-view-component="true" class="blankslate">
      <h2 data-view-component="true" class="blankslate-heading">Title</h2>
      <p data-view-component="true">Description</p>
    </div>
  </div>
</div>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# Narrow
render Primer::Beta::Blankslate.new(narrow: true) do |component|
  component.with_heading(tag: :h2).with_content("Title")
  component.with_description { "Description" }
end
# Spacious
render Primer::Beta::Blankslate.new(spacious: true) do |component|
  component.with_heading(tag: :h2).with_content("Title")
  component.with_description { "Description" }
end
# Border
render Primer::Beta::Blankslate.new(border: true) do |component|
  component.with_heading(tag: :h2).with_content("Title")
  component.with_description { "Description" }
end

No params configured.