{
  "tag": "ed-carousel-item",
  "kind": "component",
  "summary": "One slide inside a carousel, holding an image or a short block of content.",
  "status": "experimental",
  "since": "1.0",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/carousel-item/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/carousel-item/usage/",
  "playwright": "getByTestId('…')",
  "dependencies": [],
  "use": [
    "One photo or content block inside a carousel that the user pages through",
    "A self-contained slide that makes sense without its neighbors, such as one reference screenshot",
    "A single image of an asset or property shown full width as one slide"
  ],
  "notFor": [
    {
      "when": "A step of a guided process",
      "instead": "a [Wizard Step](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/wizard-step)"
    },
    {
      "when": "Any use outside a carousel",
      "instead": "a [Carousel](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/carousel)"
    }
  ],
  "rules": [],
  "api": {
    "attributes": [
      {
        "name": "dir",
        "property": "dir",
        "type": "string"
      },
      {
        "name": "lang",
        "property": "lang",
        "type": "string"
      }
    ],
    "properties": [],
    "methods": [],
    "events": [],
    "slots": [
      {
        "name": "",
        "description": "The carousel item's content."
      }
    ],
    "cssProperties": [
      {
        "name": "--ed-carousel-aspect-ratio",
        "description": "The slide's aspect ratio. Inherited from the carousel by default."
      }
    ],
    "parts": [],
    "states": []
  },
  "import": "import '@eurodata/eurodata-ui/dist/components/carousel-item/carousel-item.js';",
  "react": {
    "component": "EdCarouselItem",
    "import": "import EdCarouselItem from '@eurodata/eurodata-ui/dist/react/carousel-item/index.js';"
  }
}