In modern application development, the ability to create dynamic and interactive user interfaces is essential for delivering personalized and responsive experiences to users. Dynamic values and computed values are powerful features that enable developers to achieve this level of flexibility and interactivity.
Element | Property | Accepts Params/Subst Tags |
---|---|---|
Form Elements | Default Value (except switch) | Yes |
Label, Placeholder | Yes | |
Helper Text, Validators | Yes | |
Document Preview | Title, Subtitle | Yes |
Card | Title, Subtitle | Yes |
Form | Title | Yes |
Message | Message | Yes |
Buttons | Label | Yes |
Select, Checkbox, Radio,Segmented Button (Static) | Label, Value | Subst Tags Only |
Text | Text | Yes |
Link | Link Text | Yes |
Modal | Modal Dismiss Alert, Title, Message, Confirm Label, Cancel Label | Yes |
Step | Label | Yes |
${application.client.amount}
).
!isNaN(parseInt(${application.client.amount}))
: This part ascertains whether the value in the input field (${application.client.amount})
can be effectively converted to an integer using parseInt
. Moreover, it validates that the outcome isn’t NaN
(i.e., not a valid number), ensuring input validity.(0.15 * parseInt(${application.client.amount}))
.(NaN)
, the minimum value for the slider is set to 10000.!isNaN(parseInt(${application.client.amount}))
.(0.35 * parseInt(${application.client.amount}))
.(NaN)
, the maximum value for the slider is set to 20000.Element | Properties |
---|---|
Slider | min Value, max Value, default Value |
Input | Default Value |
Any UI Element that accepts validators | min, max, minLength, maxLength |
Text | Text |
Link | Link Text |