Stepper

v32.3.0

Apr 6, 2023

Stepper: Reduce size of Step indicators
Refine the design of Step indicators by reducing their size.

v31.20.0

Nov 9, 2022

Support data attribute boolean values

The data attribute map now supports boolean values. This provides an improvement for the developer experience, no longer having to convert values to strings explicitly.

EXAMPLE USAGE:

<Component
  data={{
    'custom-attribute': true,
  }}
/>
// => <div data-custom-attribute="true" />

v31.15.0

Jul 19, 2022

Stepper: Add align prop

Provide the align prop which now includes support for left alignment.

EXAMPLE USAGE:

<Stepper align="left">
  ...
</Stepper>

Stepper: Fix clipping of step name in Safari
Fixes issue where the descenders in Step labels were being clipped only in Safari.

v31.5.0

Feb 14, 2022

Stepper: Add component

See documentation for full feature set and usage details.

EXAMPLE USAGE:

<Stepper label="Linear steps" progress={3}>
  <Step>1. First step</Step>
  <Step>2. Second step</Step>
  <Step>3. Third step</Step>
  <Step>4. Forth step</Step>
</Stepper>

Braid Logo