Custom radio button


#1

Hello,

I am looking to reproduce a model that I realized however, I have no idea how to customize my radio button to make it look like the image below.

I do not know if I have to use something else?
There is a number from 1 to 10 in the form of a bubble and when we click on a number it selects it to then validate the selection and use this number (we must not be able to select several numbers)

If a person has an idea or something else, it blocks me a lot … thank you very muchCapture


#2

I would just use ordinary buttons for this. The single selection constraint is trivial to do oneself:

<ion-button *ngFor="let n of oneToTen"
  shape="round"
  [color]="selection === n ? 'secondary' : 'primary'"
  (click)="selection = n">
  {{n}}
</ion-button>

#3

Thanks for helping me, your code seems to work but I do not know how to set it up (TS level) and also on the page I have an error with ion button
Capture