Steps

Sequence content using the Steps component

Display a series of actions or events in a sequential format.

1

First Step

These are instructions or content that only pertain to the first step.

2

Second Step

These are instructions or content that only pertain to the second step.

3

Third Step

These are instructions or content that only pertain to the third step.

Props

children

ReactElement<StepProps>[]

required

List of Step components.

titleSize

string

default: "p"

Step title size: p, h2, or h3.

Step Props

children

string | ReactNode

required

Step content as text or components.

icon

string or svg

Font Awesome icon or SVG code in icon={}

iconType

string

Icon type: regular, solid, light, thin, sharp-solid, duotone, or brands

title

string

Primary text displayed next to the step indicator.

stepNumber

number

Step number.

titleSize

string

default: "p"

Step title size: p, h2, or h3.