{
  "$schema": "https://json.schemastore.org/web-types",
  "name": "@vaadin/breadcrumbs",
  "version": "25.2.7",
  "description-markup": "markdown",
  "contributions": {
    "html": {
      "elements": [
        {
          "name": "vaadin-breadcrumbs-item",
          "description": "`<vaadin-breadcrumbs-item>` is a single item inside a `<vaadin-breadcrumbs>`.\n\n```html\n<vaadin-breadcrumbs-item path=\"/docs\">Docs</vaadin-breadcrumbs-item>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------|------------------------------------------------------------\n`link`    | The interactive `<a>` rendered when `path` is set.\n`nolink`  | The non-interactive `<span>` rendered when `path` is unset.\n`label`   | Wraps the item's text content, inside `link` or `nolink`.\n\nThe following state attributes are available for styling:\n\nAttribute    | Description\n-------------|-------------\n`current`    | Set by the parent `<vaadin-breadcrumbs>` on the last item when it has no `path`.\n`disabled`   | Set when the item is disabled.\n`focus-ring` | Set when the item is focused by the keyboard.\n`focused`    | Set when the item is focused.\n`has-prefix` | Set when the item has content in the prefix slot\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property                          |\n:--------------------------------------------|\n| `--vaadin-breadcrumbs-item-border-radius`  |\n| `--vaadin-breadcrumbs-item-gap`            |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
          "attributes": [
            {
              "name": "disabled",
              "description": "If true, the user cannot interact with this element.",
              "value": {
                "type": [
                  "boolean"
                ]
              }
            },
            {
              "name": "path",
              "description": "The path to navigate to. When set, the item renders as a link\n(`<a part=\"link\">`); when unset, it renders as a non-link\n(`<span part=\"nolink\">`).",
              "value": {
                "type": [
                  "string"
                ]
              }
            },
            {
              "name": "theme",
              "description": "The theme variants to apply to the component.",
              "value": {
                "type": [
                  "string",
                  "null",
                  "undefined"
                ]
              }
            }
          ],
          "js": {
            "properties": [
              {
                "name": "disabled",
                "description": "If true, the user cannot interact with this element.",
                "value": {
                  "type": [
                    "boolean"
                  ]
                }
              },
              {
                "name": "path",
                "description": "The path to navigate to. When set, the item renders as a link\n(`<a part=\"link\">`); when unset, it renders as a non-link\n(`<span part=\"nolink\">`).",
                "value": {
                  "type": [
                    "string"
                  ]
                }
              }
            ],
            "events": []
          }
        },
        {
          "name": "vaadin-breadcrumbs",
          "description": "`<vaadin-breadcrumbs>` is a Web Component that displays the user's location\nwithin a hierarchy as a trail of links from the root to the current page.\n\n```html\n<vaadin-breadcrumbs>\n  <vaadin-breadcrumbs-item path=\"/\">Home</vaadin-breadcrumbs-item>\n  <vaadin-breadcrumbs-item path=\"/docs\">Docs</vaadin-breadcrumbs-item>\n  <vaadin-breadcrumbs-item>Current page</vaadin-breadcrumbs-item>\n</vaadin-breadcrumbs>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name          | Description\n-------------------|------------\n`list`             | The element with `role=\"list\"` wrapping all items.\n`overflow`         | The element wrapping the overflow button.\n`overflow-button`  | The button that reveals collapsed items.\n`overlay`          | The outer panel of the overflow overlay.\n`overlay-content`  | The inner wrapper of the overflow overlay.\n\nThe following state attributes are available for styling:\n\nAttribute      | Description\n---------------|------------\n`has-overflow` | Set when one or more items are collapsed into the overflow overlay.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property                          |\n:--------------------------------------------|\n| `--vaadin-breadcrumbs-font-size`           |\n| `--vaadin-breadcrumbs-font-weight`         |\n| `--vaadin-breadcrumbs-gap`                 |\n| `--vaadin-breadcrumbs-line-height`         |\n| `--vaadin-breadcrumbs-link-color`          |\n| `--vaadin-breadcrumbs-overflow-icon`       |\n| `--vaadin-breadcrumbs-separator-icon`      |\n| `--vaadin-breadcrumbs-text-color`          |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
          "attributes": [
            {
              "name": "theme",
              "description": "The theme variants to apply to the component.",
              "value": {
                "type": [
                  "string",
                  "null",
                  "undefined"
                ]
              }
            }
          ],
          "js": {
            "properties": [
              {
                "name": "i18n",
                "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n\n```\n{\n  // Accessible label of the overflow button revealing collapsed items.\n  moreItems: 'More items'\n}\n```",
                "value": {
                  "type": [
                    "Object"
                  ]
                }
              }
            ],
            "events": []
          }
        }
      ]
    }
  }
}