{
  "tag": "ed-tab-panel",
  "kind": "component",
  "summary": "Tab panels are used inside [tab groups](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab-group) to display tabbed content.",
  "status": "experimental",
  "level": "atom",
  "since": "1.0",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab-panel/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab-panel/usage/",
  "playwright": "getByTestId('…')",
  "dependencies": [],
  "use": [
    "The content of one section in a tab group, shown only while its tab is selected, such as the \"History\" part of a record",
    "A section of a client or employee record that holds secondary detail, kept out of the way until the user opens it",
    "Grouping the sections of a settings page so each topic gets its own panel without scrolling"
  ],
  "notFor": [
    {
      "when": "Content that must always be visible or compared with other content",
      "instead": "a [Details](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/details) or a plain page section"
    },
    {
      "when": "A step in a guided task",
      "instead": "a [Wizard Step](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/wizard-step)"
    }
  ],
  "rules": [],
  "api": {
    "attributes": [
      {
        "name": "name",
        "property": "name",
        "type": "string",
        "default": "''",
        "description": "The tab panel's name."
      },
      {
        "name": "active",
        "property": "active",
        "type": "boolean",
        "default": "false",
        "description": "When true, the tab panel will be shown."
      },
      {
        "name": "dir",
        "property": "dir",
        "type": "string"
      },
      {
        "name": "lang",
        "property": "lang",
        "type": "string"
      }
    ],
    "properties": [],
    "methods": [],
    "events": [],
    "slots": [
      {
        "name": "",
        "description": "The tab panel's content."
      }
    ],
    "cssProperties": [],
    "parts": [
      {
        "name": "base",
        "description": "The component's base wrapper."
      }
    ],
    "states": []
  },
  "import": "import '@eurodata/eurodata-ui/dist/components/tab-panel/tab-panel.js';",
  "react": {
    "component": "EdTabPanel",
    "import": "import EdTabPanel from '@eurodata/eurodata-ui/dist/react/tab-panel/index.js';"
  }
}