title: Angular Material Stepper component showing label at the bottom
body: <p>Using <a href="https://material.angular.io/components/stepper/overview" rel="nofollow noreferrer">Angular Material Stepper component</a>, how to make a stepper that looks like <a href="https://material-ui.com/demos/steppers/#horizontal-linear-alternative-label" rel="nofollow noreferrer">this sample</a>. I want to make the stepper label appear at the bottom of the step number as shown in the sample.</p>
  <p>I tried going through the documentations but there doesn't seem to be an option that does this.</p>