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
<div class="flex flex-wrap items-end gap-6"> <div class="flex flex-col items-center gap-2"> <img src="/icon.png" class="block max-w-full rounded-none" alt="Icon" loading="lazy" style="width: 48px; height: 48px"> <span class="text-xs text-muted-foreground">none</span> </div> <div class="flex flex-col items-center gap-2"> <img src="/icon.png" class="block max-w-full rounded-sm" alt="Icon" loading="lazy" style="width: 48px; height: 48px"> <span class="text-xs text-muted-foreground">sm</span> </div> <div class="flex flex-col items-center gap-2"> <img src="/icon.png" class="block max-w-full rounded-md" alt="Icon" loading="lazy" style="width: 48px; height: 48px"> <span class="text-xs text-muted-foreground">md</span> </div> <div class="flex flex-col items-center gap-2"> <img src="/icon.png" class="block max-w-full rounded-lg" alt="Icon" loading="lazy" style="width: 48px; height: 48px"> <span class="text-xs text-muted-foreground">lg</span> </div> <div class="flex flex-col items-center gap-2"> <img src="/icon.png" class="block max-w-full rounded-xl" alt="Icon" loading="lazy" style="width: 48px; height: 48px"> <span class="text-xs text-muted-foreground">xl</span> </div> <div class="flex flex-col items-center gap-2"> <img src="/icon.png" class="block max-w-full rounded-full" alt="Icon" loading="lazy" style="width: 48px; height: 48px"> <span class="text-xs text-muted-foreground">full</span> </div></div>1
2
3
4
5
6
7
8
<div class="flex flex-wrap items-end gap-6"> <% %i[none sm md lg xl full].each do |r| %> <div class="flex flex-col items-center gap-2"> <%= render(UI::Image.new(src: "/icon.png", rounded: r, width: "48px", height: "48px")) %> <span class="text-xs text-muted-foreground"><%= r %></span> </div> <% end %></div>No notes provided.
No params configured.