Lookbook
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class='alert-container alert-info-type' data-controller='alert-component' style='white-space: normal;'>
  <div class='alert-icon alert-info-type'>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="var(--admin-color)" class="mr-3 h-5 w-5 flex-shrink-0">
      <path fill-rule="evenodd" d="M19 10.5a8.5 8.5 0 11-17 0 8.5 8.5 0 0117 0zM8.25 9.75A.75.75 0 019 9h.253a1.75 1.75 0 011.709 2.13l-.46 2.066a.25.25 0 00.245.304H11a.75.75 0 010 1.5h-.253a1.75 1.75 0 01-1.709-2.13l.46-2.066a.25.25 0 00-.245-.304H9a.75.75 0 01-.75-.75zM10 7a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
    </svg>
  </div>
  <div class='alert-message alert-info-type'>
    New ontology Bioinformatics Ontology v2.0 has been uploaded. Check it out in the latest uploads section
  </div>
  <div class='alert-close alert-info-type' data-action='click->alert-component#close'>
    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 148 148" fill="none">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M3.09251 3.22733C5.07323 1.2455 7.75931 0.132162 10.5601 0.132162C13.3608 0.132162 16.0469 1.2455 18.0276 3.22733L73.934 59.1819L129.84 3.22733C130.815 2.21766 131.98 1.4123 133.269 0.858261C134.557 0.304223 135.943 0.0125966 137.346 0.000399146C138.748 -0.0117983 140.139 0.255675 141.437 0.787215C142.735 1.31876 143.915 2.10372 144.906 3.0963C145.898 4.08888 146.682 5.2692 147.213 6.56839C147.745 7.86758 148.012 9.25962 148 10.6633C147.987 12.067 147.696 13.4541 147.142 14.7439C146.589 16.0336 145.784 17.2001 144.775 18.1753L88.8691 74.1299L144.775 130.084C146.699 132.078 147.764 134.749 147.74 137.52C147.716 140.292 146.605 142.944 144.647 144.904C142.688 146.864 140.039 147.976 137.27 148C134.5 148.024 131.832 146.958 129.84 145.032L73.934 89.0779L18.0276 145.032C16.0355 146.958 13.3675 148.024 10.5981 148C7.82867 147.976 5.17951 146.864 3.22117 144.904C1.26283 142.944 0.151998 140.292 0.127932 137.52C0.103867 134.749 1.16849 132.078 3.09251 130.084L58.9989 74.1299L3.09251 18.1753C1.11238 16.1929 0 13.5045 0 10.7013C0 7.89817 1.11238 5.20977 3.09251 3.22733Z" fill="black"></path>
    </svg>
  </div>
</div>
1
render Display::AlertComponent.new(message: message, closable: closable)

No notes provided.

Param Description Input

—

—