Stepper

import { BuiStepper, BuiStepperItem } from 'ng-blatui';

<bui-stepper [value]="2">
  <li buiStepperItem [step]="1">Account</li>
  <li buiStepperItem [step]="2">Profile</li>
  <li buiStepperItem [step]="3">Done</li>
</bui-stepper>

<bui-stepper [value]="2" orientation="vertical">
  <li buiStepperItem [step]="1">Account details</li>
  <li buiStepperItem [step]="2">Company info</li>
</bui-stepper>

<bui-stepper [value]="3">
  <li buiStepperItem [step]="1">Cart</li>
  <li buiStepperItem [step]="2">Shipping</li>
  <li buiStepperItem [step]="3">Payment</li>
  <li buiStepperItem [step]="4">Confirm</li>
</bui-stepper>

<li buiStepperItem [step]="1">
  <span class="font-medium">Account</span>
  <span class="block text-xs font-normal text-muted-foreground">Your login details</span>
</li>