<Stack direction="column" spacing={5}>
<ProgressTracker currentIndex={1}>
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
</ProgressTracker>
<ProgressTracker currentIndex={1}>
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
</ProgressTracker>
<div className="w-50">
<ProgressTracker currentIndex={1}>
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
</ProgressTracker>
</div>
<div className="w-50">
<ProgressTracker currentIndex={1} hideLabels>
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
</ProgressTracker>
<Stack spacing={1} className="m-t-2">
<BodyText>Step 2 of 6</BodyText>
<BodyText bold>Longer title that gets like this</BodyText>
</Stack>
</div>
<div className="w-50">
<ProgressTracker currentIndex={1} hideLabels size="small">
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Step Title" />
<ProgressTracker.Step label="Longer title that gets like this" />
<ProgressTracker.Step label="Step Title" />
</ProgressTracker>
<Stack spacing={1} className="m-t-2">
<BodyText size="small">Step 2 of 6</BodyText>
<BodyText bold size="small">
Longer title that gets like this
</BodyText>
</Stack>
</div>
</Stack>