Stepper
The stepper is a component for displaying progress on a screen that handles steps like a wizard.
Property
| No | Item | Input Value | Default Value | Action Property | Type | Action Default Value | Description |
|---|---|---|---|---|---|---|---|
| 1 | ID | String | Auto-generated | id | string | Auto-generated | The [id] property cannot be set by actions |
| 2 | Width | Number | 312 | width | number | 312 | Component width |
| 3 | Height | Number | 80 | height | number | 80 | Component height |
| 4 | X | Number | x | number | X coordinate position | ||
| 5 | Y | Number | y | number | Y coordinate position | ||
| 6 | Lock | Boolean | OFF | lock | boolean | false | When ON, the component stays fixed even when the screen is scrolled. When OFF, the component moves along with the screen scroll. Added in v4.1.0. |
| 7 | Visibility | Boolean | ON | visibility | boolean | true | Component show/hide |
| 8 | Vertical Alignment | Selection 1. Top 2. Center 3. Bottom | Top | verticalAlignment | string | top | Vertical alignment |
| 9 | Alternative Label | Boolean | OFF | alternativeLabel | boolean | true | Place label at the bottom |
| 10 | Active Step | Number | 0 | activeStep | number | 0 | Active step number |
| 11 | Value | Table format[Details 1] | [Details 1] | value | array of object | [Details 1] | Stepper value |
[Details 1] Value (value)
The default status is registered as follows. Register from the "Add" button. To delete, select the check box and click the "Delete" button.
| Select | Label | Value |
|---|---|---|
| Checkbox | Step1 | 1 |
| Checkbox | Step2 | 2 |
| Checkbox | Step3 | 3 |
Event
None