{
  "id": "uilib/elements/span",
  "name": "Span",
  "description": "Spans are inline-elements, used to define parts of text content.",
  "group": "elements",
  "slug": "/uilib/elements/span/",
  "props": [
    {
      "name": "element",
      "doc": "Defines the Element Type, like `p`.",
      "type": [
        "HTMLElement",
        "string"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "size",
      "doc": "Sets the font size, also sets the line-height if `lineHeight` prop is not set.",
      "type": [
        "'x-small'",
        "'small'",
        "'basis'",
        "'medium'",
        "'large'",
        "'x-large'",
        "'xx-large'"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "lineHeight",
      "doc": "Sets the line height, will use same value as `size` if not set.",
      "type": [
        "'x-small'",
        "'small'",
        "'basis'",
        "'medium'",
        "'large'",
        "'x-large'",
        "'xx-large'"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "align",
      "doc": "Sets the text alignment.",
      "type": [
        "'center'",
        "'left'",
        "'right'"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "family",
      "doc": "Sets the font family.",
      "type": [
        "'basis'",
        "'heading'",
        "'monospace'"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "weight",
      "doc": "Sets the font weight.",
      "type": [
        "'regular'",
        "'medium'"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "decoration",
      "doc": "Sets the font decoration.",
      "type": "'underline'",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "slant",
      "doc": "Sets the font style.",
      "type": "'italic'",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "proseMaxWidth",
      "doc": "Sets the maximum width based on character count. This will limit the text width to approximately the specified number of characters. Use `true` for a default value of 60ch.",
      "type": [
        "number",
        "boolean"
      ],
      "status": "optional",
      "defaultValue": null
    }
  ],
  "events": [],
  "related": [
    "Space"
  ],
  "checksum": "828c3331ae2468d0cc6ee251b99376f45cba60b3681b8338b9fb37f5dd98eb38",
  "source": {
    "repo": "https://github.com/dnbexperience/eufemia",
    "file": "packages/dnb-eufemia/src/elements/span/Span.tsx",
    "permalink": "https://github.com/dnbexperience/eufemia/blob/main/packages/dnb-eufemia/src/elements/span/Span.tsx"
  },
  "sources": {
    "entry": {
      "local": "src/docs/uilib/elements/span.mdx",
      "public": "https://c301bb6f.eufemia-e25.pages.dev/uilib/elements/span/"
    },
    "props": {
      "local": "src/docs/uilib/elements/span/properties.mdx",
      "public": "https://c301bb6f.eufemia-e25.pages.dev/uilib/elements/span/properties/"
    },
    "events": null,
    "demos": {
      "local": "src/docs/uilib/elements/span/demos.mdx",
      "public": "https://c301bb6f.eufemia-e25.pages.dev/uilib/elements/span/demos/"
    }
  },
  "version": "0.0.0-development",
  "generatedAt": "2025-12-18T11:12:44.522Z",
  "schemaVersion": 1
}