{
  "id": "uilib/components/drawer",
  "name": "Drawer",
  "description": "The Drawer component is a Modal variation that appears as a side panel at any chosen side of the page.",
  "group": "components",
  "slug": "/uilib/components/drawer/",
  "props": [
    {
      "name": "containerPlacement",
      "doc": "Defines on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.",
      "type": [
        "left",
        "right",
        "top",
        "bottom"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "title",
      "doc": "The drawer title. Displays on the very top of the content.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "minWidth",
      "doc": "The minimum Drawer content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).",
      "type": [
        "string",
        "number"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "maxWidth",
      "doc": "The maximum Drawer content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).",
      "type": [
        "string",
        "number"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "className",
      "doc": "Give the Drawer content a class name (maps to `dnb-drawer`).",
      "type": "string",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "spacing",
      "doc": "If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`.",
      "type": "boolean",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "preventCoreStyle",
      "doc": "By default the drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.",
      "type": "boolean",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "navContent",
      "doc": "The content which will appear in the navigation, above the header, and side-by-side the close button.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "headerContent",
      "doc": "The content which will appear in the header of the drawer.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "modalContent",
      "doc": "The content which will appear when triggering the drawer.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "alignContent",
      "doc": "Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.",
      "type": [
        "left",
        "right",
        "centered",
        "center"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "fullscreen",
      "doc": "If set to `true` then the drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.",
      "type": [
        "boolean",
        "string"
      ],
      "status": "optional",
      "defaultValue": null
    }
  ],
  "events": [],
  "related": [],
  "checksum": "1cb05652240099b5747d8f41e0e6bfb337091a994ba9b8d2f0f3c2cbbb94828e",
  "source": {
    "repo": "https://github.com/dnbexperience/eufemia",
    "file": "packages/dnb-eufemia/src/components/drawer/Drawer.tsx",
    "permalink": "https://github.com/dnbexperience/eufemia/blob/main/packages/dnb-eufemia/src/components/drawer/Drawer.tsx"
  },
  "sources": {
    "entry": {
      "local": "src/docs/uilib/components/drawer.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/drawer/"
    },
    "props": {
      "local": "src/docs/uilib/components/drawer/properties.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/drawer/properties/"
    },
    "events": {
      "local": "src/docs/uilib/components/drawer/events.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/drawer/events/"
    },
    "demos": {
      "local": "src/docs/uilib/components/drawer/demos.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/drawer/demos/"
    }
  },
  "version": "0.0.0-development",
  "generatedAt": "2025-12-23T13:39:33.038Z",
  "schemaVersion": 1
}