{
  "id": "uilib/extensions/forms/Value/Composition",
  "name": "Composition",
  "description": "`Value.Composition` combines two or more `Value.*` components into one.",
  "group": "extensions",
  "slug": "/uilib/extensions/forms/Value/Composition/",
  "props": [
    {
      "name": "label",
      "doc": "Field label to show above the displayed value.",
      "type": "string",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "help",
      "doc": "Provide help content for the field using `title` and `content` as a string or React.Node. Additionally, you can set `open` to `true` to display the inline help, set the `breakout` property to `false` to disable the breakout of the inline help content, or use `renderAs` set to `dialog` to render the content in a [Dialog](/uilib/components/dialog/) (recommended for larger amounts of content).",
      "type": "object",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "transformLabel",
      "doc": "Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.",
      "type": "function",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "maxWidth",
      "doc": "Use `small`, `medium` or `large` for predefined standard max widths. Defaults to `auto`.",
      "type": "string",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "gap",
      "doc": "The gap between the different value blocks. Can be `xx-small`, `x-small`, `small`, `medium`, `large` or `false`. Defaults to `xx-small`.",
      "type": "string",
      "status": "optional",
      "defaultValue": null
    }
  ],
  "events": [],
  "related": [],
  "checksum": "a5ad5ce1885988d1faece1d536ca5be270e004bcffb86b04676f9add42cea477",
  "source": {
    "repo": "https://github.com/dnbexperience/eufemia",
    "file": "packages/dnb-eufemia/src/extensions/forms/Value/Composition/Composition.tsx",
    "permalink": "https://github.com/dnbexperience/eufemia/blob/main/packages/dnb-eufemia/src/extensions/forms/Value/Composition/Composition.tsx"
  },
  "sources": {
    "entry": {
      "local": "src/docs/uilib/extensions/forms/Value/Composition.mdx",
      "public": "https://7054fffd.eufemia-e25.pages.dev/uilib/extensions/forms/Value/Composition/"
    },
    "props": {
      "local": "src/docs/uilib/extensions/forms/Value/Composition/properties.mdx",
      "public": "https://7054fffd.eufemia-e25.pages.dev/uilib/extensions/forms/Value/Composition/properties/"
    },
    "events": null,
    "demos": {
      "local": "src/docs/uilib/extensions/forms/Value/Composition/demos.mdx",
      "public": "https://7054fffd.eufemia-e25.pages.dev/uilib/extensions/forms/Value/Composition/demos/"
    }
  },
  "version": "0.0.0-development",
  "generatedAt": "2025-12-18T10:04:00.708Z",
  "schemaVersion": 1
}