Steps
Block Steps w/ Digit

Element: div.cui-utils-step

Modifiers: default, primary, secondary, success, info, warning, danger, disabled

Color Modifier: .cui-utils-step-(modifier)

1
Block Title

Waiting for review

2
Block Title

Waiting for review

3
Block Title

Waiting for review

14
Disabled

Waiting for review

Squared Block Steps w/ Icon

Element: span.cui-utils-step-digit

Block Title

Waiting for review

Block Title

Waiting for review

Block Title

Waiting for review

Block Title

Waiting for review

Steps in card Heading

Insert Step into .card-header element

1
Block Title

Waiting for review

2
Block Title

Waiting for review

3
Block Title

Waiting for review

14
Disabled

Waiting for review

card Body Content
Steps in card Heading w/ Icon

Element: span.cui-utils-step-digit

Block Title

Waiting for review

Block Title

Waiting for review

Block Title

Waiting for review

Block Title

Waiting for review

card Body Content
Inline Steps

Element: div.cui-utils-steps-inline

1
2
3