Fluxbit ViewComponents
x
1
2
3
4
5
6
<button class="text-white bg-blue-700 border border-transparent enabled:hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 group flex items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-hidden rounded-lg text-sm p-1.5">
  Messages 
  <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 justify-center w-4 h-4 rounded-full">
    10
  </div>
</button>
1
2
3
4
5
6
<%= fx_button do %>
  Messages 
  <%= fx_badge(pill: true, size: 1, perfect_rounded: 1) do %>
    10
  <% end %>
<% end %>

No notes provided.

No params configured.