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
26
27
<!-- Bottom Right -->
<div data-view-component="true" class="Popover position-relative right-0 left-0">
  <div data-view-component="true" class="Popover-message Box Popover-message--bottom-right p-4 mt-2 mx-auto text-left">
    This is the Popover body.
  </div>
</div>
<!-- Top Right -->
<div data-view-component="true" class="Popover position-relative right-0 left-0">
  <div data-view-component="true" class="Popover-message Box Popover-message--top-right p-4 mt-2 mx-auto text-left">
    This is the Popover body.
  </div>
</div>
<!-- Bottom Left -->
<div data-view-component="true" class="Popover position-relative right-0 left-0">
  <div data-view-component="true" class="Popover-message Box Popover-message--bottom-left p-4 mt-2 mx-auto text-left">
    This is the Popover body.
  </div>
</div>
<!-- Top Left -->
<div data-view-component="true" class="Popover position-relative right-0 left-0">
  <div data-view-component="true" class="Popover-message Box Popover-message--top-left p-4 mt-2 mx-auto text-left">
    This is the Popover body.
  </div>
</div>

No notes provided.

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
26
27
# Bottom Right
render Primer::Beta::Popover.new do |component|
  component.with_body(caret: :bottom_right) do
    "This is the Popover body."
  end
end
# Top Right
render Primer::Beta::Popover.new do |component|
  component.with_body(caret: :top_right) do
    "This is the Popover body."
  end
end
# Bottom Left
render Primer::Beta::Popover.new do |component|
  component.with_body(caret: :bottom_left) do
    "This is the Popover body."
  end
end
# Top Left
render Primer::Beta::Popover.new do |component|
  component.with_body(caret: :top_left) do
    "This is the Popover body."
  end
end

No params configured.