Skip to content
Vy logo
Components

Breadcrumb

Breadcrumbs are a helpful navigation feature that allows users to move up in a hierarchy.

Examples

A simple breadcrumb

<Breadcrumb>
    <BreadcrumbLink href="/">Hjem</BreadcrumbLink>
    <BreadcrumbLink href="/components">Komponenter</BreadcrumbLink>
    <BreadcrumbCurrentLink>Breadcrumb</BreadcrumbCurrentLink>
</Breadcrumb>

Variants

<Stack>
      <Breadcrumb variant="core">
        <BreadcrumbLink href="#">Home</BreadcrumbLink>
          <BreadcrumbLink href="/components">Components</BreadcrumbLink>
        <BreadcrumbCurrentLink>Breadcrumb</BreadcrumbCurrentLink>
      </Breadcrumb>

      <Breadcrumb variant="ghost">
        <BreadcrumbLink href="#">Home</BreadcrumbLink>
        <BreadcrumbLink href="/components">Components</BreadcrumbLink>
        <BreadcrumbCurrentLink>Breadcrumb</BreadcrumbCurrentLink>
      </Breadcrumb>
</Stack>