BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
<a href="#" class="flex items-center px-4 py-2 rounded-md transition-colors text-grayscale-700 hover:bg-grayscale-100">
  <span class="w-5 h-5 mr-3 shrink-0">
    <svg class='w-5 h-5' fill='none' stroke='currentColor' viewBox='0 0 24 24'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'></path></svg>
  </span>
  <span>Dashboard</span>
</a>
1
2
3
4
5
render BetterUi::Drawer::NavItemComponent.new(label: "Dashboard", href: "#") do |item|
  item.with_icon do
    "<svg class='w-5 h-5' fill='none' stroke='currentColor' viewBox='0 0 24 24'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'></path></svg>".html_safe
  end
end

No notes provided.

No params configured.