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" data-turbo-method="delete">
  <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='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'></path></svg>
  </span>
  <span>Logout</span>
</a>
1
2
3
4
5
render BetterUi::Drawer::NavItemComponent.new(label: "Logout", href: "#", method: :delete) 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='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'></path></svg>".html_safe
  end
end

No notes provided.

No params configured.