{
  "tag": "ed-list-item",
  "kind": "component",
  "summary": "One entry of an `<ed-list>`: static, or leading to its record when it has an `href`.",
  "status": "experimental",
  "level": "atom",
  "since": "1.0",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/list-item/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/list-item/usage/",
  "playwright": "getByTestId('…')",
  "dependencies": [
    "ed-checkbox",
    "ed-icon"
  ],
  "use": [
    "One entry in a list that opens its record, such as an invoice or an employee, when the user clicks it",
    "An entry with a title, a short description and trailing state, amount or date, so a clerk reads it at a glance",
    "An entry that is shown but cannot be opened right now, such as a locked record, still visible in the list"
  ],
  "notFor": [
    {
      "when": "A row of values to compare across columns",
      "instead": "a [Data Grid](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/data-grid)"
    },
    {
      "when": "A menu command or navigation target",
      "instead": "a [Dropdown Item](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/dropdown-item) or a [Side Menu Item](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu-item)"
    }
  ],
  "rules": [],
  "api": {
    "attributes": [
      {
        "name": "href",
        "property": "href",
        "type": "string | undefined",
        "description": "The URL the entry leads to. With it, the whole entry is a link and `actions` is not rendered."
      },
      {
        "name": "target",
        "property": "target",
        "type": "string | undefined",
        "description": "Where to open the link. Only used with `href`."
      },
      {
        "name": "rel",
        "property": "rel",
        "type": "string | undefined",
        "description": "The link's `rel`. Only used with `href`; unset by default, like a plain `<a>`."
      },
      {
        "name": "download",
        "property": "download",
        "type": "string | undefined",
        "description": "Downloads the link's target instead of navigating, under this file name. Only used with `href`."
      },
      {
        "name": "disabled",
        "property": "disabled",
        "type": "boolean",
        "default": "false",
        "description": "Disables an entry that leads somewhere or can be selected: it does not navigate, cannot be\nselected, and its link or checkbox leaves the tab order. Its actions keep their own state — a\nstatic entry has nothing of its own to disable, so an action is disabled on the slotted action\nitself, in a selectable list too."
      },
      {
        "name": "selected",
        "property": "selected",
        "type": "boolean",
        "default": "false",
        "description": "Whether the entry is selected. Shown only in a selectable list."
      },
      {
        "name": "value",
        "property": "value",
        "type": "string",
        "default": "''",
        "description": "Identifies the entry in a selection."
      },
      {
        "name": "dir",
        "property": "dir",
        "type": "string"
      },
      {
        "name": "lang",
        "property": "lang",
        "type": "string"
      }
    ],
    "properties": [],
    "methods": [],
    "events": [],
    "slots": [
      {
        "name": "",
        "description": "The primary line."
      },
      {
        "name": "start",
        "description": "An icon or avatar before the text. Part of the click surface."
      },
      {
        "name": "description",
        "description": "The secondary line. Part of the click surface."
      },
      {
        "name": "end",
        "description": "Information after the text, such as a badge, an amount or a date. Part of the click surface — put nothing interactive here."
      },
      {
        "name": "actions",
        "description": "Buttons or a dropdown for this entry, beside the click surface. Not rendered when the item has an `href`."
      },
      {
        "name": "navigation-icon",
        "description": "The sign that the entry leads on. Defaults to the `next` icon; only rendered with `href`."
      }
    ],
    "cssProperties": [],
    "parts": [
      {
        "name": "base",
        "description": "The row."
      },
      {
        "name": "checkbox",
        "description": "The entry's checkbox in a selectable list."
      },
      {
        "name": "content",
        "description": "The click surface: an `<a>` with `href`, a `<div>` without."
      },
      {
        "name": "start",
        "description": "The wrapper of the `start` slot."
      },
      {
        "name": "text",
        "description": "The wrapper of the primary and secondary line."
      },
      {
        "name": "label",
        "description": "The wrapper of the primary line."
      },
      {
        "name": "description",
        "description": "The wrapper of the secondary line."
      },
      {
        "name": "end",
        "description": "The wrapper of the `end` slot."
      },
      {
        "name": "navigation-icon",
        "description": "The wrapper of the navigation icon."
      },
      {
        "name": "actions",
        "description": "The wrapper of the `actions` slot."
      }
    ],
    "states": [
      {
        "name": "navigating",
        "description": "The item has an `href`, is not disabled and is not in a selectable list."
      },
      {
        "name": "disabled",
        "description": "The item is disabled and leads somewhere or sits in a selectable list."
      },
      {
        "name": "selectable",
        "description": "The item is in a selectable list."
      },
      {
        "name": "selected",
        "description": "The item is selected in a selectable list."
      }
    ]
  },
  "import": "import '@eurodata/eurodata-ui/dist/components/list-item/list-item.js';",
  "react": {
    "component": "EdListItem",
    "import": "import EdListItem from '@eurodata/eurodata-ui/dist/react/list-item/index.js';"
  }
}