Fluxbit ViewComponents
x
1
2
<div class="inline-flex items-center gap-1 font-medium me-2 rounded-sm bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300 p-1 text-xs h-fit px-2.5 py-0.5 rounded-full">Size: 0</div>
<div class="inline-flex items-center gap-1 font-medium me-2 rounded-sm bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300 p-1.5 text-sm h-fit px-2.5 py-0.5 rounded-full">Size: 1</div>
1
2
3
4
5
6
7
<% (0..1).each do |size| %>
  <%= fx_badge(
    size: size,
    pill: true,
    with_content: "Size: #{size}",
  ) %>
<% end %>

No notes provided.

No params configured.