Skip to main content

Badges

Badges are small circles or rectangles on the corner of the step component. They are used to display additional information about the step.

Example

Check the Badges Example.

Validation Error Badge

This badge displays when the step or the root has a validation error. You can pass the function that determines if the step or the root has a validation error.

const configuration = {
validator: {
step: (step, parentSequence, definition) => {
return true; // or false
},
root: (definition) => {
return true; // or false
}
},
// ...
};

Counter Badge (Pro)

This is an optional badge. You can use it to display some additional information about the step. You can display here some number or a short text.

Pro Only

This part of the article is available only for subscribers of the pro package. Buy the pro package to get an access to this part.

If you have already subscription please log in.