title: How to get Angular Material Slider to appear after the label?
body: <p>I am looking at the docks for Angular Material's <a href="https://material.angular.io/components/slide-toggle/api#MatSlideToggle" rel="nofollow noreferrer">Sliders</a>.  By default, the slider appears, and the label follows it like so:</p>
  
  <p><a href="https://i.stack.imgur.com/C5LDj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C5LDj.png" alt="slider example"></a></p>
  
  <p>However, I would like the text 'Auto Approve?' to appear prior to the slider option.  According to the docs, I need to use the Input module for Angular which I am not really familiar with.  Based on what I have read, I should be doing this in my component:</p>
  
  <pre><code> import {Matslidetogglemodule} from '@angular/material'
      ... 
  
     @Component({
         ...
     }) export class MyComponent{
  
        @Input()
        labelPosition: string = 'before'
  
     }
  </code></pre>
  
  <p>that <code>@input</code> should be changing the label to appear prior to the slider, but it does not.  Am I understanding this wrong?</p>