LoopOS UI v1.1.26.2

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
28
29
<div class="flex flex-col gap-4">
  <div class="flash" 
  data-controller="flash" 
  id="flash_container_">
    <div data-controller="flash" 
      data-flash-target="content" 
      data-action="click->flash#hide">
      <div data-react-class="GeneralAlert" data-react-props="{"title":"Warning","variant":"warning","coloredText":false,"text":"Hello from Toast component","icon":"fa-light fa-circle-xmark","size":"small"}" data-react-cache-id="GeneralAlert-0"></div>
    </div>
  </div>
  <div class="flash" 
  data-controller="flash" 
  id="flash_container_">
    <div data-controller="flash" 
      data-flash-target="content" 
      data-action="click->flash#hide">
      <div data-react-class="GeneralAlert" data-react-props="{"title":"Success","variant":"success","coloredText":false,"text":"Hello from Toast component","icon":"fa-light fa-circle-check","size":"small"}" data-react-cache-id="GeneralAlert-0"></div>
    </div>
  </div>
  <div class="flash" 
  data-controller="flash" 
  id="flash_container_">
    <div data-controller="flash" 
      data-flash-target="content" 
      data-action="click->flash#hide">
      <div data-react-class="GeneralAlert" data-react-props="{"title":"Error","variant":"error","coloredText":false,"text":"Hello from Toast component","icon":"fa-light fa-circle-xmark","size":"small"}" data-react-cache-id="GeneralAlert-0"></div>
    </div>
  </div>
</div>

Toast

Description

Used Components Components where is Used
Label

Usage rules

  • ✅ Do
  • ❌ Don't
1
2
3
4
5
<div class="flex flex-col gap-4">
  <%= render LooposUi::Toast.new(flash: "Hello from Toast component", user: nil, type: "warning") %>
  <%= render LooposUi::Toast.new(flash: "Hello from Toast component", user: nil, type: "success") %>
  <%= render LooposUi::Toast.new(flash: "Hello from Toast component", user: nil, type: "error") %>
</div>

No notes provided.

No params configured.

Description

Documentation for Toast

Arguments

Property Default Description
name :value Description

Slots

SlotName - Description