Skip to main content
Version: 8.1

Perspective - LED Display

Component Palette Icon:


The LED Display is a stylized numeric and/or alphanumeric label. It has two visual styles: 7-segment and 14-segment and supports nine common number format patterns. Use the value property to enter numeric and/or alphanumeric characters.

New in 8.1.2
The LED Display component has two pre-configured variants:

  • 14 Segment - Appearance is that of an LED with 14 light segments.
  • 7 Segment - Appearance is that of an LED with 7 light segments.


Most Properties have binding options. For more information on Bindings, see Types of Bindings in Perspective. This section only documents the Props Category of properties. The other Categories are described on the Perspective Component Properties page.

NameDescriptionProperty Type
valueValue to be displayed.value: numeric
segmentFormatStyle of each character/digit and the number of segments that compose the character. There are two different visual styles: 7 segment and 14 segment. Default is 14 segment.value: string
numberFormatFormat of display for numeric characters, including commas, decimal places, percent, etc. There are nine options available from a dropdown list. Default is #,##0.00.value: string
backgroundColorBackground color of the LED display. Default is #161616. See Color Selector.color
diodeOnColorColor of LED segments when switched on. Default is #1EC963. See Color Selector.color
diodeOffColorColor of LED segments when switched off. Generally different from display background color to preserve analog look. See Color Selector.color
localeLocalization code that determines rules for commas, decimals, etc. Default is en-US.value: string
styleSets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class.object

Component Events

The Perspective Event Types Reference page describes all the possible component event types for Perspective components. Not all component events support each Perspective component. The Component Events and Actions page shows how to configure events and actions on a Perspective component. Component scripting is handled separately and can be accessed from the Component menubar or by right clicking on the component.


Example 1

props.segmentFormat7 segment

Example 2

PropertyValueStyle Category
prop.diodeOffColor#000000N/A and padding