{
    "$schema": "https://ui.shadcn.com/schema/registry-item.json",
    "name": "breadcrumb",
    "type": "registry:component",
    "title": "Breadcrumb",
    "description": "Trail of links showing the current location. Mark the last item with aria-current. Separators are inline SVG.",
    "registryDependencies": [
        "tokens"
    ],
    "meta": {
        "category": "Navigation",
        "layout": "block"
    },
    "files": [
        {
            "path": "components/breadcrumb.html",
            "type": "registry:file",
            "target": "components/breadcrumb.html",
            "content": "<!-- Breadcrumb\n     An ordered list inside a labelled nav. Mark the last item with\n     aria-current=\"page\". Separators are inline SVG between items. -->\n\n<nav class=\"dp-breadcrumb\" aria-label=\"Breadcrumb\">\n  <ol>\n    <li>\n      <a href=\"#\">Home</a>\n      <svg class=\"dp-breadcrumb-sep\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n           stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"m9 18 6-6-6-6\"></path>\n      </svg>\n    </li>\n    <li>\n      <a href=\"#\">Datasets</a>\n      <svg class=\"dp-breadcrumb-sep\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n           stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"m9 18 6-6-6-6\"></path>\n      </svg>\n    </li>\n    <li><span aria-current=\"page\">Domains</span></li>\n  </ol>\n</nav>\n"
        },
        {
            "path": "components/breadcrumb.css",
            "type": "registry:file",
            "target": "components/breadcrumb.css",
            "content": "/* Breadcrumb\n   A trail of links showing the current location. Use an ordered list inside a\n   nav with aria-label. Mark the last item with aria-current=\"page\". Separators\n   are drawn with inline SVG. Colour and type from tokens.css. */\n\n.dp-breadcrumb ol {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--dp-space-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-size: var(--dp-text-sm);\n}\n\n.dp-breadcrumb li {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--dp-space-2);\n}\n\n.dp-breadcrumb a {\n  color: var(--dp-text-muted);\n  text-decoration: none;\n  font-weight: var(--dp-weight-semibold);\n}\n\n.dp-breadcrumb a:hover {\n  color: var(--dp-link);\n}\n\n.dp-breadcrumb [aria-current=\"page\"] {\n  color: var(--dp-navy);\n  font-weight: var(--dp-weight-bold);\n}\n\n.dp-breadcrumb-sep {\n  width: 1rem;\n  height: 1rem;\n  color: var(--dp-text-subtle);\n  flex: none;\n}\n"
        }
    ]
}