Radio Button

[giuseppe-santoro]

Comportamento atteso

Realizzare un componente Radio Button che deve reagire al click dell'utente, abilitando un solo pulsante all'interno del gruppo di pulsanti. Inoltre deve mantenere uno stato interno in grado di riconoscere il pulsante selezionato.
<it-radio-button> fornisce le stesse funzionalità dell'elemento nativo <input type="radio"> migliorato con lo stile di Design UI Kit.
I Radio Button dovranno sempre essere figli di un componente <it-radio-group>, all'interno di ogni gruppo solo un pulsante potrà essere selezionato.

Radio Button Bootstrap Italia

Possibili soluzioni

Realizzare il Radio Button come componente Angular.
Esempio di utilizzo:

<it-radio-group [(ngModel)]="city">
   <it-radio-button *ngFor="let city of cities" [value]="city" [label]="city"></it-radio-button>
</it-radio-group>