{
  "id": "uilib/components/tag",
  "name": "Tag",
  "description": "The Tag component is a compact element for displaying discrete information.",
  "group": "components",
  "slug": "/uilib/components/tag/",
  "props": [
    {
      "name": "label",
      "doc": "The label description of the group of tags.",
      "type": "React.ReactNode",
      "status": "required",
      "defaultValue": null
    },
    {
      "name": "children",
      "doc": "The content of the tag can be a string or a React Element.",
      "type": [
        "string",
        "React.ReactNode"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "className",
      "doc": "Custom className for the component root.",
      "type": "string",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "skeleton",
      "doc": "If set to `true`, an overlaying skeleton with animation will be shown.",
      "type": "boolean",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "text",
      "doc": "The content of the tag can be a string or a React Element.",
      "type": [
        "string",
        "React.ReactNode"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "icon",
      "doc": "To be included in the tag. Primary Icons can be set as a string (e.g. icon=\"chevron_right\"), other icons should be set as React elements. Note, we recommend not to use icons with clickable tags.",
      "type": [
        "string",
        "React.Node"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "hasLabel",
      "doc": "If a label is given, typical inside a table or dl (definition list), then you can disable Tag.Group as a dependent of Tag. Use `true` to omit the `Tag group required:` warning.",
      "type": "boolean",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "variant",
      "doc": "Possible values are `default`, `clickable`, `addable`, or `removable`. Defaults to `default`.",
      "type": [
        "default",
        "clickable",
        "addable",
        "removable"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "omitOnKeyUpDeleteEvent",
      "doc": "Set to `true` to omit triggering an event when the user releases the `Delete` or `Backspace` keys. Defaults to `false`.",
      "type": "boolean",
      "status": "optional",
      "defaultValue": null
    }
  ],
  "events": [
    {
      "name": "onClick",
      "doc": "Will be called on a click event. Returns an object with the native event: `{ event }`.",
      "type": "function",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "onDelete",
      "doc": "Will be called on a click event. Returns an object with the native event: `{ event }`. This property does not support icon and will be ignored if `onClick`is defined.",
      "type": "function",
      "status": "optional",
      "defaultValue": null
    }
  ],
  "related": [
    "Space"
  ],
  "checksum": "5c4f8562ce665489d5b4f70841220921c7435bf03ee521a2194ecc5f043fe95c",
  "source": {
    "repo": "https://github.com/dnbexperience/eufemia",
    "file": "packages/dnb-eufemia/src/components/tag/Tag.tsx",
    "permalink": "https://github.com/dnbexperience/eufemia/blob/main/packages/dnb-eufemia/src/components/tag/Tag.tsx"
  },
  "sources": {
    "entry": {
      "local": "src/docs/uilib/components/tag.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/tag/"
    },
    "props": {
      "local": "src/docs/uilib/components/tag/properties.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/tag/properties/"
    },
    "events": {
      "local": "src/docs/uilib/components/tag/events.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/tag/events/"
    },
    "demos": {
      "local": "src/docs/uilib/components/tag/demos.mdx",
      "public": "https://5ecbdb78.eufemia-e25.pages.dev/uilib/components/tag/demos/"
    }
  },
  "version": "0.0.0-development",
  "generatedAt": "2025-12-23T13:39:33.416Z",
  "schemaVersion": 1
}