OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
<!-- Large -->
<div data-view-component="true" class="Subhead">
  <div data-view-component="true" class="Subhead-heading Subhead-heading--large">Large Header</div>
  <div data-view-component="true" class="Subhead-description">Description</div>
</div>
<!-- Medium -->
<div data-view-component="true" class="Subhead">
  <div data-view-component="true" class="Subhead-heading Subhead-heading--medium">Medium Header</div>
  <div data-view-component="true" class="Subhead-description">Description</div>
</div>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# Large
render(Primer::Beta::Subhead.new) do |component|
  component.with_heading(size: :large) do
    "Large Header"
  end
  component.with_description do
    "Description"
  end
end
# Medium
render(Primer::Beta::Subhead.new) do |component|
  component.with_heading(size: :medium) do
    "Medium Header"
  end
  component.with_description do
    "Description"
  end
end

No params configured.