O melhor tutorial iônica única caixa em 2024. Neste tutorial você pode aprender iônica única caixa
botões da eleição iônicos e semelhante tipo padrão = "radio" o elemento de entrada. A seguir mostra o botão de opção Tipo app moderno.
Cada item rádio-type = nome do atributo "radio" dos elementos de entrada são os mesmos. classe radio-ícone para o ícone é exibido.
iônica usando <label> elemento em uma única opção, tornando mais fácil a clicar.
<div class="list"> <label class="item item-radio"> <input type="radio" name="group" value="go" checked="checked"> <div class="item-content"> Go </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="python"> <div class="item-content"> Python </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="ruby"> <div class="item-content"> Ruby </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value=".net"> <div class="item-content"> .Net </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="java"> <div class="item-content"> Java </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="php"> <div class="item-content"> PHP </div> <i class="radio-icon ion-checkmark"></i> </label> </div>
Os resultados operacionais são os seguintes: