{
  "tag": "ed-side-menu-title",
  "kind": "component",
  "summary": "A non-interactive group heading inside [ed-side-menu](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu). Hidden when the parent side-menu uses `variant=\"slim\"`.",
  "status": "experimental",
  "level": "atom",
  "since": "1.0",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu-title/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu-title/usage/",
  "playwright": "getByTestId('…')",
  "dependencies": [],
  "use": [
    "A short heading that groups related entries in the navigation, such as \"Accounting\" above its pages, so users scan by area",
    "A label separating navigation groups in a large product, which is not clickable and keeps focus on the actual links"
  ],
  "notFor": [
    {
      "when": "A heading that should itself navigate somewhere",
      "instead": "a [Side Menu Item](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu-item) with an href"
    },
    {
      "when": "A section heading in page content",
      "instead": "a plain heading element"
    }
  ],
  "rules": [],
  "api": {
    "attributes": [
      {
        "name": "slim",
        "property": "slim",
        "type": "boolean",
        "default": "false",
        "description": "Set by the parent `<ed-side-menu>` when its variant is `slim`. Do not\nwrite directly. When set, the title renders as `display: none`."
      },
      {
        "name": "dir",
        "property": "dir",
        "type": "string"
      },
      {
        "name": "lang",
        "property": "lang",
        "type": "string"
      }
    ],
    "properties": [],
    "methods": [
      {
        "name": "getPropertyDescriptor",
        "static": true,
        "parameters": [
          {
            "name": "name",
            "type": "PropertyKey"
          },
          {
            "name": "key",
            "type": "string | symbol"
          },
          {
            "name": "options",
            "type": "PropertyDeclaration"
          }
        ],
        "returns": "PropertyDescriptor | undefined",
        "description": "Wraps the accessor of reflected properties so they always hold a valid value, as a native\nreflected IDL attribute does (`button.type = undefined` reads `submit`):\n\n- A property that declares `useDefault` takes the first value set on an element for its\n  default. That value is its field initializer's: the constructor has finished before markup,\n  a framework or any other code can set anything. Every later `null` or `undefined` means what\n  a dropped prop means on a native element — the attribute is removed: with the attribute\n  there, it is removed and Lit's `useDefault` restores the default without writing it; without\n  one, the property is set to the default. A value set and cleared again before the element\n  updates still writes the default once, from the pending reflection.\n- A Boolean is coerced with `Boolean()`, so `undefined` is `false`.\n\nLit's `useDefault` keeps the initial default out of the DOM. Setting the default explicitly\nwrites it, as `button.type = 'submit'` writes `type`."
      }
    ],
    "events": [],
    "slots": [
      {
        "name": "",
        "description": "The default slot for the title text."
      },
      {
        "name": "start",
        "description": "Leading content, e.g. an icon."
      }
    ],
    "cssProperties": [
      {
        "name": "--ed-side-menu-background",
        "default": "var(--ed-color-surface-raised)",
        "description": "Background color of the title row."
      }
    ],
    "parts": [
      {
        "name": "base",
        "description": "The component's base wrapper."
      },
      {
        "name": "start",
        "description": "Container for the start slot."
      },
      {
        "name": "label",
        "description": "The label container."
      }
    ],
    "states": []
  },
  "import": "import '@eurodata/eurodata-ui/dist/components/side-menu-title/side-menu-title.js';",
  "react": {
    "component": "EdSideMenuTitle",
    "import": "import EdSideMenuTitle from '@eurodata/eurodata-ui/dist/react/side-menu-title/index.js';"
  }
}