Breadcrumb | Tile UI Vue

Use Breadcrumb to show the current location in a hierarchy.

import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage } from '@tile-ui/vue';
 
export default function BreadcrumbDemo() {
	return (
		<Breadcrumb>
			<BreadcrumbList>

Registry install

pnpm dlx shadcn@latest add @tile-ui/breadcrumb

Package usage

import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage } from '@tile-ui/vue';
 
<Breadcrumb>
	<BreadcrumbList>
		<BreadcrumbItem>
			<BreadcrumbLink href="/docs">Docs</BreadcrumbLink>
		</BreadcrumbItem>
		<BreadcrumbSeparator />
		<BreadcrumbItem>
			<BreadcrumbPage>Button</BreadcrumbPage>
		</BreadcrumbItem>
	</BreadcrumbList>
</Breadcrumb>