Module

Sistema de diseño

Diseñado por

Átomos > Controles Formularios

Radio-buttons

Anatomía

Las casillas de verificación son un extensión que permite hacer control de selección sobre la información

Variaciones

Radio-button básico

				
					<p-radioButton name="pizza" value="Pepper" [(ngModel)]="ingredient"></p-radioButton>

Radio-button con label

				
					<div>
        <p-radioButton name="pizza" value="Cheese" [(ngModel)]="ingredient" inputId="ingredient1"></p-radioButton>
        <label for="ingredient1" class="ml-2">Cheese</label>
    </div>

Radio-button básico (activo)

				
					<p-radioButton name="pizza" value="Pepper" [(ngModel)]="ingredient"></p-radioButton>

Radio-button con label (activo)

				
					<div>
        <p-radioButton name="pizza" value="Cheese" [(ngModel)]="ingredient" inputId="ingredient1"></p-radioButton>
        <label for="ingredient1" class="ml-2">Cheese</label>
    </div>

Radio-button básico (Inactivo)

				
					<p-radioButton [disabled]="true" name="pizza" value="Pepper" [(ngModel)]="ingredient"></p-radioButton>

Radio-button con label (Inactivo)

				
					<div>
        <p-radioButton [disabled]="true" name="pizza" value="Cheese" [(ngModel)]="ingredient" inputId="ingredient1"></p-radioButton>
        <label for="ingredient1" class="ml-2">Cheese</label>
    </div>

Spanish