angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.38k stars 6.75k forks source link

feat(material/slider): Support for multi word thumb label text #28599

Open AniketKumbhar7345 opened 9 months ago

AniketKumbhar7345 commented 9 months ago

Feature Description

In mat slider thumb label, need a support for multi word text. As we can format thumb label text by using displayWith property and add suffix or prefix to the number. We have a use case in which using value from mat-slider, we are creating labels like poor, below average, above average, etc. But in current implementation multi word label text is not supported. Words gets wrapped as we give space in the label text string. mat-slider-thumb-text

Use Case

We have used mat slider of range {min=0, max=10, step=01} for taking ratings from user by using the mat slider value I am creating rating labels such as poor, below average, average, above average and excellent. As per the number I want to show that particular label in thumb label text.

Stackblitz link

preyan commented 8 months ago

Can I pick this up?

AniketKumbhar7345 commented 8 months ago

yes, sure.