The Multi-State Indicator component does not have a special customizer, however, it relies on the Style Customizer. When you open the Style Customizer, you'll notice that it has the State driving property selected, and several visual properties defined such as Background Color, Border, Foreground Color, and Text. If you don't like the predefined properties, you can change them, as well as add or remove any styled properties.
The Style Customizer for the Multi-State Indicator works by configuring a set of visual properties that change based on a different state. The State is represented by an integer, but the values and number of different states are customizable.
Style Customizer for the Multi-State Indicator - Property Description
|Driving Property||Property that drives the style of the component.|
|Styled Properties||There are two categories of properties: Available Properties and Used Properties.|
|Available Properties||Styled properties that have not been used.|
|Used Properties||Styled properties that have been used.|
|Styles||Styles section for the defining states and styles.|
|Values||Driving property represented by an integer.|
|Preview||View the label after the visual styles are configured. Expand each value to configure, or change any of the styles. There is an Animate checkbox that you can check to enable the label to blink.|
For additional Customizers, see: