Ui Attributes

{
  "key": "ui.component_name",
  "brief": "The name of the associated component.",
  "type": "string",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": "HomeButton",
  "changelog": [
    {
      "version": "0.1.0",
      "prs": [
        127
      ]
    },
    {
      "version": "0.0.0"
    }
  ]
}

{
  "key": "ui.contributes_to_ttfd",
  "brief": "Whether the span execution contributed to the TTFD (time to fully drawn) metric.",
  "type": "boolean",
  "pii": {
    "key": "false"
  },
  "is_in_otel": false,
  "example": true,
  "changelog": [
    {
      "version": "0.0.0"
    }
  ]
}

{
  "key": "ui.contributes_to_ttid",
  "brief": "Whether the span execution contributed to the TTID (time to initial display) metric.",
  "type": "boolean",
  "pii": {
    "key": "false"
  },
  "is_in_otel": false,
  "example": true,
  "changelog": [
    {
      "version": "0.0.0"
    }
  ]
}

{
  "key": "ui.element.height",
  "brief": "The height of the UI element (for Html in pixels)",
  "type": "integer",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": 256,
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.height attribute"
    }
  ]
}

{
  "key": "ui.element.id",
  "brief": "The id of the UI element",
  "type": "string",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": "btn-login",
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.id attribute"
    }
  ]
}

{
  "key": "ui.element.identifier",
  "brief": "The identifier used to measure the UI element timing",
  "type": "string",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": "heroImage",
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.identifier attribute"
    }
  ]
}

{
  "key": "ui.element.load_time",
  "brief": "The loading time of a UI element (from time origin to finished loading)",
  "type": "double",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": 998.2234,
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.load_time attribute"
    }
  ]
}

{
  "key": "ui.element.paint_type",
  "brief": "The type of element paint. Can either be 'image-paint' or 'text-paint'",
  "type": "string",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": "image-paint",
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.paint_type attribute"
    }
  ]
}

{
  "key": "ui.element.render_time",
  "brief": "The rendering time of the UI element (from time origin to finished rendering)",
  "type": "double",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": 1023.1124,
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.render_time attribute"
    }
  ]
}

{
  "key": "ui.element.type",
  "brief": "type of the UI element",
  "type": "string",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": "img",
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.type attribute"
    }
  ]
}

{
  "key": "ui.element.url",
  "brief": "The URL of the UI element (e.g. an img src)",
  "type": "string",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": "https://assets.myapp.com/hero.png",
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.url attribute"
    }
  ]
}

{
  "key": "ui.element.width",
  "brief": "The width of the UI element (for HTML in pixels)",
  "type": "integer",
  "pii": {
    "key": "maybe"
  },
  "is_in_otel": false,
  "example": 512,
  "sdks": [
    "javascript-browser"
  ],
  "changelog": [
    {
      "version": "next",
      "prs": [
        284
      ],
      "description": "Added ui.element.width attribute"
    }
  ]
}