Ui Attributes

12 attributes in this category. 12 stable

Stable Attributes

ui.component_name

string PII: Maybe OTel: False

The name of the associated component.

Example HomeButton
Changelog
v0.1.0 #127
v0.0.0
Raw JSON
{
  "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"
    }
  ]
}

ui.contributes_to_ttfd

boolean PII: False OTel: False

Whether the span execution contributed to the TTFD (time to fully drawn) metric.

Example true
Changelog
v0.0.0
Raw JSON
{
  "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"
    }
  ]
}

ui.contributes_to_ttid

boolean PII: False OTel: False

Whether the span execution contributed to the TTID (time to initial display) metric.

Example true
Changelog
v0.0.0
Raw JSON
{
  "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"
    }
  ]
}

ui.element.height

integer PII: Maybe OTel: False

The height of the UI element (for Html in pixels)

Example 256
SDKs javascript-browser
Changelog
next #284 Added ui.element.height attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.id

string PII: Maybe OTel: False

The id of the UI element

Example btn-login
SDKs javascript-browser
Changelog
next #284 Added ui.element.id attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.identifier

string PII: Maybe OTel: False

The identifier used to measure the UI element timing

Example heroImage
SDKs javascript-browser
Changelog
next #284 Added ui.element.identifier attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.load_time

double PII: Maybe OTel: False

The loading time of a UI element (from time origin to finished loading)

Example 998.2234
SDKs javascript-browser
Changelog
next #284 Added ui.element.load_time attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.paint_type

string PII: Maybe OTel: False

The type of element paint. Can either be 'image-paint' or 'text-paint'

Example image-paint
SDKs javascript-browser
Changelog
next #284 Added ui.element.paint_type attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.render_time

double PII: Maybe OTel: False

The rendering time of the UI element (from time origin to finished rendering)

Example 1023.1124
SDKs javascript-browser
Changelog
next #284 Added ui.element.render_time attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.type

string PII: Maybe OTel: False

type of the UI element

Example img
SDKs javascript-browser
Changelog
next #284 Added ui.element.type attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.url

string PII: Maybe OTel: False

The URL of the UI element (e.g. an img src)

Example https://assets.myapp.com/hero.png
SDKs javascript-browser
Changelog
next #284 Added ui.element.url attribute
Raw JSON
{
  "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"
    }
  ]
}

ui.element.width

integer PII: Maybe OTel: False

The width of the UI element (for HTML in pixels)

Example 512
SDKs javascript-browser
Changelog
next #284 Added ui.element.width attribute
Raw JSON
{
  "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"
    }
  ]
}