Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
The Mark As Complete button allows learners to mark a course step as complete. It’s function is to motivate learners to progress through the course and to allow them track their progress.
When a learner feels they have completed a course step they are encouraged to ‘Mark as complete‘ by clicking on the Progress Toggle. When clicked/tapped it shows a pulsing animation before changing to blue and showing a tick icon. A learner can undo the action by clicking it again.
In addition to the standard interactive states, the Progress Toggle has three states:
Incomplete – pink with ‘Mark as complete’ text
Loading – spinner with ‘Marking as complete‘ text
Complete – blue with tick icon
| Name | Description | Default |
|---|---|---|
| stepCompleted | boolean | false |
| isLoading | boolean | false |
| action* | signature | - |
| onBeforeSubmit* | Function | - |
| onSuccess* | Function | - |