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 | Visibility | Boolean | ON | visibility | boolean | true | Component show/hide |
| 7 | Vertical Alignment | Selection 1. Top 2. Center 3. Bottom | Top | verticalAlignment | string | top | Vertical alignment |
| 8 | Alternative Label | Boolean | OFF | alternativeLabel | boolean | true | Place label at the bottom |
| 9 | Active Step | Number | 0 | activeStep | number | 0 | Active step number |
| 10 | Value | Table format[Detais 1] | [Details 1] | value | array of object | [Details 1] | Stepper value |
Value(array of object)
| No | プロパティ | タイプ |
|---|---|---|
| 1 | label | string |
| 2 | value | string |
[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