VelvetKit

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="max-w-2xl">
<nav aria-label="Breadcrumb" class="text-sm">
  <ol class="flex flex-wrap items-center gap-1.5 break-words sm:gap-2.5">
    <li class="inline-flex items-center gap-1.5" data-breadcrumb-text="Workspace" data-breadcrumb-href="#">
      <a data-breadcrumb-text="Workspace" data-breadcrumb-href="#" href="#" class="inline-flex items-center gap-2 whitespace-nowrap transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background underline-offset-4 hover:underline max-w-32 truncate text-sm text-muted-foreground font-normal justify-start rounded">
        Workspace
      </a>
    </li>
    <li role="presentation"><span class="text-muted-foreground/70 text-sm" aria-hidden="true">/</span></li>
    <li class="inline-flex items-center gap-1.5" data-breadcrumb-text="Website" data-breadcrumb-href="#">
      <a data-breadcrumb-text="Website" data-breadcrumb-href="#" href="#" class="inline-flex items-center gap-2 whitespace-nowrap transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background underline-offset-4 hover:underline max-w-32 truncate text-sm text-muted-foreground font-normal justify-start rounded">
        Website
      </a>
    </li>
    <li role="presentation"><span class="text-muted-foreground/70 text-sm" aria-hidden="true">/</span></li>
    <li class="inline-flex items-center gap-1.5" data-breadcrumb-text="Issues" data-breadcrumb-href="#" data-last="true">
      <a aria-current="page" data-breadcrumb-text="Issues" data-breadcrumb-href="#" href="#" class="inline-flex items-center gap-2 whitespace-nowrap transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background underline-offset-4 hover:underline text-sm text-foreground font-normal justify-start rounded">
        Issues
      </a>
    </li>
  </ol>
</nav></div>
1
2
3
4
5
6
7
<div class="max-w-2xl">
  <%= render(UI::Breadcrumb.new(size: :md)) do |bc| %>
    <% bc.with_item(href: "#", text: "Workspace") %>
    <% bc.with_item(href: "#", text: "Website") %>
    <% bc.with_item(href: "#", text: "Issues") %>
  <% end %>
</div>

No notes provided.

No params configured.