OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
<div class="blankslate-container">
<div data-view-component="true" class="FeedbackMessage blankslate">
  <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-check-circle blankslate-icon color-fg-success">
    <path d="M17.28 9.28a.75.75 0 0 0-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l6.5-6.5Z"></path><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"></path>
  </svg>
  <h2 data-view-component="true" class="blankslate-heading">Success</h2>
  <p data-view-component="true">You successfully created your first FeedbackMessage component</p>
</div>
</div>

No notes provided.

1
2
3
4
render Primer::OpenProject::FeedbackMessage.new do |component|
  component.with_heading(tag: :h2) { "Success" }
  component.with_description { "You successfully created your first FeedbackMessage component" }
end

No params configured.