Use the `orientation` attribute to set the axis of a step:

- `horizontal`(default)
- `vertical`

```html
<div class="flex gap-24 w-min">
  <sd-step orientation="horizontal">
    <span slot="label">Horizontal</span>
  </sd-step>
  <sd-step orientation="vertical">
    <span slot="label">Vertical</span>
  </sd-step>
</div>
```