Configuration AttributeDisplay Widget

The widget configuration schema is defined in src/index.ts.

Settings Overview

Key

UI Label

Type

Default

Description

title

Title

INPUT_FORMATTED

''

Optional title. Supports formatted input expressions/variables.

attributes

Tango attributes

INPUT_TANGO_ATTRIBUTES

[{ endpoint: '2', attribute: 'low-mccs/station/s8-1/state' }]

Attribute source list (endpoint + full attribute path). Supports formatted input in attribute.

useLiveData

Use Live Data (subscribe)

boolean

false

If enabled, subscribe to live updates. If disabled, use one-shot query/polling cadence.

useEnumLabels

Show Enum Labels

boolean

true

Show enum labels instead of raw numeric values when metadata is available.

devStringViewMode

DevString View Mode

select

'json-tree-expanded'

DevString rendering mode: plain, json-tree-expanded, json-tree-collapsed.

colorJsonValuesByType

Color JSON Values by Type

boolean

true

Color JSON values by type in JSON tree modes.

backgroundColor

Background Color

color

'#00000000'

Base card background color.

useStateBackgroundColor

Use State Background Color

boolean

false

If enabled, background color follows SDK state color mapping with contrast-aware text.

conditionalBackgroundValue

Conditional Background Value

INPUT_FORMATTED

''

Value/expression used as comparison target for conditional background styling.

conditionalBackgroundOperator

Conditional Background Operator

select

'>='

Comparison operator: >=, >, <=, <, ==, !=.

conditionalBackgroundColor

Conditional Background Color

color

''

Background color applied when condition matches.

valueColor

Value Color

color

'#ffffffff'

Value text color.

titleColor

Title Color

color

'#ffffffff'

Title text color.

fontSize

Font Size

string

'14px'

Base font size for title/value (for example 14px, 0.95rem).

labelPosition

Title Placement

select

'left'

Title position relative to value: top, center, left, right, bottom.

horizontalAlign

Content Horizontal Alignment

select

'center'

Horizontal alignment of the title/value block: left, center, right.

verticalAlign

Content Vertical Alignment

select

'center'

Vertical alignment of the title/value block: top, center, bottom.

Notes

  • attributes has minItems: 1; at least one attribute source is required.

  • propertyType and level metadata are used by the settings UI for grouping and progressive disclosure.

  • Expression/variable support for formatted fields comes from the shared widget SDK formatted input parser.