CODEWITHSUNDEEP
angularangular-materialangular-material2
sree
sree

Reputation: 3193

Angular material 2 allow us to make slider with custom range?

Angular material 2 allow us to make slider with custom range?

for example I need to show organisation size with different range like, 

1-10 employees
11-50 employees
51-200 employees
201-500 employees
501-1,000 employees
1,001-5,000 employees
5,001+ employees

https://material.angular.io/components/slider/overview

shows minimum options. Is there any way to implement these variable range ?

Upvotes: 2

Views: 4699

Answers (1)

bugs
bugs

Reputation: 15313

I'd imagine that you want your steps to be constants (it would be a really bad UX if the steps actually reflected the real difference between the options). I've put together a quick example that uses a standard mat-slider, whose value is bound to the different org sizes in a switch case.

Working demo

Upvotes: 2

Related Questions