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
37
<div id="lui-token_list_5793709857" class="lui-token-list lui-token-list--horizontal"
    data-controller="token-list"
    data-token-list-frame-id-value="lui-token_list_5793709857_frame"
    data-token-list-model-association-overlay-outlet="#lui-token_list_5793709857 .lui-association-overlay">
  <turbo-frame class="lui-token-list__items" id="lui-token_list_5793709857_frame">
    <div data-controller="drag" class="lui-token-list__items">
      <div class="lui-icon h-[16px] w-[16px]">
        <i class="fa-regular fa-face-smile lui-icon__icon" style="font-size: 16px; color: black;"></i>
      </div>
      <div class="lui-icon h-[16px] w-[16px]">
        <i class="fa-regular fa-face-smile lui-icon__icon" style="font-size: 16px; color: black;"></i>
      </div>
    </div>
    <span>
      <span class="lui-counter lui-counter--increment">
        <span class="lui-counter__text lui-counter__text--increment">+2</span>
      </span>
      <div class="lui-tooltip hidden"
    data-controller="tooltips"
    data-tooltips-tippy-target-id-value=""
    data-tooltips-position-value="top"
    data-tooltips-interactive-value="true"
  >
        <div class="lui-tooltip__description">
          <div class="flex flex-col gap-1">
            <div class="lui-icon h-[16px] w-[16px]">
              <i class="fa-regular fa-face-smile lui-icon__icon" style="font-size: 16px; color: black;"></i>
            </div>
            <div class="lui-icon h-[16px] w-[16px]">
              <i class="fa-regular fa-face-smile lui-icon__icon" style="font-size: 16px; color: black;"></i>
            </div>
          </div>
        </div>
      </div>
    </span>
  </turbo-frame>
</div>

Icon

Description

Used Components Components where is Used
Label

Usage rules

  • ✅ Do
  • ❌ Don't
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%= render LooposUi::TokenList.new(max_tokens: 2) do |token_list| %>
  <% token_list.with_token_manual do %>
    <%= render LooposUi::Icon.new(icon: params[:icon] || "fa-regular fa-face-smile", count: params[:count] || nil, size: params[:size] || "16")  %>
  <% end %>
  <% token_list.with_token_manual do %>
    <%= render LooposUi::Icon.new(icon: params[:icon] || "fa-regular fa-face-smile", count: params[:count] || nil, size: params[:size] || "16")  %>
  <% end %>
  <% token_list.with_token_manual do %>
    <%= render LooposUi::Icon.new(icon: params[:icon] || "fa-regular fa-face-smile", count: params[:count] || nil, size: params[:size] || "16")  %>
  <% end %>
  <% token_list.with_token_manual do %>
    <%= render LooposUi::Icon.new(icon: params[:icon] || "fa-regular fa-face-smile", count: params[:count] || nil, size: params[:size] || "16")  %>
  <% end %>
<% end %>

No notes provided.

No params configured.

Description

Documentation for Icon

Arguments

Property Default Description
name :value Description

Slots

SlotName - Description