Custom Slider Component - Copy this Angular, Tailwind Component to your project

En angular tailwind css j'aimerai crée un slider dans cette div: <div class="flex flex col mb 4 px 4 items center"> <div class="flex flex row items center cursor pointer"> <p class="text primary pr 1">Niveau</p> <svg icon [src]="'assets/icons/edit lvl.svg'" alt="Modifier le niveau" (click)="openCrossSkillInfoPopup($event)"></svg icon> </div> </div> en utilisant mat slider j'aimerai que mon slider soit blue, l'arriere plan gris, min:0 max 4 et que les nombres soient affichés en dessous du slider