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
30
31
32
33
34
35
36
<p>Simple text</p>
<span id="lui-token_5793709857" class="lui-token  lui-entity-token lui-entity-token-general" style="color: #212529; background-color: #F8F9FA;">
  <div class="lui-tooltip hidden"
    data-controller="tooltips"
    data-tooltips-tippy-target-id-value=""
    data-tooltips-position-value="top"
    data-tooltips-interactive-value="false"
  >
    <div class="lui-tooltip__title">
      Some tooltip
    </div>
  </div>
  <span class="lui-token__text">Token</span>
  <div class="lui-token__actions">
  </div>
</span>
<br>
<p>With actions slot</p>
<span id="lui-token_9912568611" class="lui-token  lui-entity-token lui-entity-token-general" style="color: #212529; background-color: #F8F9FA;">
  <div class="lui-tooltip hidden"
    data-controller="tooltips"
    data-tooltips-tippy-target-id-value=""
    data-tooltips-position-value="top"
    data-tooltips-interactive-value="false"
  >
    <div class="lui-tooltip__title">
      Some tooltip
    </div>
  </div>
  <span class="lui-token__text">Token</span>
  <div class="lui-token__actions">
    <div class="lui-icon h-[12px] w-[12px]">
      <i class="fa-regular fa-times lui-icon__icon" style="font-size: 12px; color: black;"></i>
    </div>
  </div>
</span>

No Usage documentation to display.

1
2
3
4
5
6
7
8
9
10
<p>Simple text</p>
<%= render LooposUi::Token.new(**preview_params) %>
<br>
<p>With actions slot</p>
<%= render LooposUi::Token.new(**preview_params) do |c| %>
  <%= c.with_action do %>
    <%= render LooposUi::Icon.new(icon:"fa-regular fa-times", size: "12")  %>
    <%# this is a slot, the X is just example text %>
  <% end %>
<% end %>

No notes provided.

Param Description Input

—

—

No documentation to display.