Skip to content

SiThresholdComponent documentation

selector
si-threshold

Input Properties

Name Type Default Description
addAriaLabel
 TranslatableString $localize`:@@SI_THRESHOLD.ADD:Add step` The aria-label for add button
canAddRemoveSteps
 boolean true When disabled, steps cannot be added/removed
deleteAriaLabel
 TranslatableString $localize`:@@SI_THRESHOLD.DELETE:Remove step` The aria-label for delete button
horizontalLayout
 boolean false Use horizontal layout?
inputAriaLabel
 TranslatableString $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value` The aria-label for input field
maxSteps
 number 0 Max. number of steps, 0 for no hard limit
maxValue
 number 100 The max. value for the threshold value
minValue
 number 0 The min. value for the threshold value
options
 SelectOption<unknown>[] [] Options to be shown in select dropdown
readonly
 boolean false The obvious
readonlyConditions
 boolean false Indicate that the threshold options are readonly and cannot be changed. This will also disable adding / removing steps.
scrollStrategy
 ScrollStrategy defaultConnectedOverlayScrollStrategy() CDK scroll strategy used for threshold option select overlays.
showDecIncButtons
 boolean true Show dec/inc buttons?
statusAriaLabel
 TranslatableString $localize`:@@SI_THRESHOLD.STATUS:Status` The aria-label for status selection
stepSize
 number 1 The step size for the threshold value
thresholdSteps
 ThresholdStep[] [] The thresholds
unit
 string '' The unit to show
useAliasForStepValues
 boolean false When enabled, numeric step inputs are replaced with readonly text fields displaying the aliasLabel of each step. Add/remove step buttons are also hidden.
validation
 boolean true Do validation?

Output Properties

Name Type Description
thresholdStepsChange
 ThresholdStep[] The thresholds
validChange
 boolean Fired when validation status changes

Attributes and Methods

Name Type Default Description
(readonly) valid
 boolean Whether the current input value is valid or not.

Types Documentation

(string & Translatable)
Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.
<T>
A select option
Properties
Whether this option is disabled.
disabled?: boolean
An optional icon.
icon?: string
The color of an icon.
iconColor?: string
A label to be shown for this option. Is optional if a custom template is provided or if the value should directly be rendered.
label?: TranslatableString
An optional stacked icon.
stackedIcon?: string
The color of a stacked icon.
stackedIconColor?: string
Defines this to be an option.
type: "option"
Used for typeahead functionality when filtering is disabled. If provided, this will be used, otherwise the innerText of the rendered element.
typeaheadLabel?: TranslatableString
The value if this option.
It will be used for formControls and the value property of this si-select .
The value will internally be checked on equality by using === .
So an app should either use string or ensure that same values are referentially equal.
value: T
One step in a list of thresholds
Properties
Optional alias label for the threshold step, used when useAliasForStepValues is true
aliasLabel?: TranslatableString
One of the SelectOption.id
optionValue: string
When set to false , input fields are highlighted as invalid
valid?: boolean
Threshold value, the first step has no value
value?: number

Except where otherwise noted, content on this site is licensed under MIT License.