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
<div data-flash-target="item" data-autohide="false" data-unique-key="bla" data-view-component="true" class="op-primer-flash--item"><x-banner data-dismiss-scheme="remove" data-view-component="true">
  <div data-flash-target="flash" data-view-component="true" class="Banner flash Banner--error flash-error">
    <div class="Banner-visual">
      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-stop">
        <path d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
      </svg>
    </div>
    <div data-view-component="true" class="Banner-message">
      <p class="Banner-title" data-target="x-banner.titleText">Stop right there.</p>
    </div>
    
    <div class="flash-close Banner-close">
      <button data-action="click:x-banner#dismiss" id="icon-button-0cab23fb-7397-4920-ac06-70047ede4eb3" aria-labelledby="tooltip-bbd0010c-00a3-4292-afc1-0809e2d0e04f" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
          <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
        </svg>
      </button><tool-tip id="tooltip-bbd0010c-00a3-4292-afc1-0809e2d0e04f" for="icon-button-0cab23fb-7397-4920-ac06-70047ede4eb3" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Close</tool-tip>
    </div>
  </div>
</x-banner></div>

No notes provided.

1
2
3
render(OpPrimer::FlashComponent.new(unique_key: "bla", scheme: :danger, icon: :stop)) do |_component|
  "Stop right there."
end

No params configured.