breadcrumb

shadcn-vue/breadcrumb

FreeComponent

shadcn-vue publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by shadcn-vue on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shadcn-vue.com/r/styles/new-york/breadcrumb.json

Source

ui/breadcrumb/Breadcrumb.vueshadcn-vue.com/r/styles/new-york/breadcrumb.json

1<script lang="ts" setup>
2import type { HTMLAttributes } from "vue"
3 
4const props = defineProps<{
5  class?: HTMLAttributes["class"]
6}>()
7</script>
8 
9<template>
10  <nav aria-label="breadcrumb" :class="props.class">
11    <slot />
12  </nav>
13</template>

What it pulls in

npm packages

reka-ui

Files it writes

ui/breadcrumb/Breadcrumb.vue
ui/breadcrumb/BreadcrumbEllipsis.vue
ui/breadcrumb/BreadcrumbItem.vue
ui/breadcrumb/BreadcrumbLink.vue
ui/breadcrumb/BreadcrumbList.vue
ui/breadcrumb/BreadcrumbPage.vue
ui/breadcrumb/BreadcrumbSeparator.vue
ui/breadcrumb/index.ts

More from shadcn-vue

All 66 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	shadcn-vue	Components	Free	2 deps · 5 files
alertalert	shadcn-vue	Components	Free	no deps · 4 files
alert-dialogalert-dialog	shadcn-vue	Components	Free	2 deps · 10 files
aspect-ratioaspect-ratio	shadcn-vue	Components	Free	1 dep · 2 files
attachmentattachment	shadcn-vue	Components	Free	1 dep · 10 files
avataravatar	shadcn-vue	Components	Free	2 deps · 4 files
badgebadge	shadcn-vue	Components	Free	2 deps · 2 files
bubblebubble	shadcn-vue	Components	Free	1 dep · 5 files