Searching through the Angular Material docks, I came across the Sliders feature. By default, the slider is displayed first, followed by its label like this:
https://i.sstatic.net/C5LDj.png
However, my goal is to have the text 'Auto Approve?' shown before the slider. It seems that I need to utilize the Input module in Angular, which is a bit unfamiliar to me. As per the documentation, I should implement this in my component:
import {Matslidetogglemodule} from '@angular/material'
...
@Component({
...
}) export class MyComponent{
@Input()
labelPosition: string = 'before'
}
The @input
directive should technically reposition the label before the slider, but it doesn't seem to work as expected. Am I misinterpreting something here?