Postagens

Mostrando postagens de agosto, 2022

Ion-button e ion-card

Imagem
      Vamos a mais dois componentes visuais do framework Ionic , o ion-button e o ion-card , são componentes essencialmente HTML, portanto, sua implementação é mais fácil. ion-button     O ion-button é como o próprio diz um "botão" uma simples TAG já cria um botão . Vamos então iniciar a implementação propriamente dita. Vamos deixar o projeto limpo como na imagem abaixo para colocar o botão:     Com o código "limpo" coloque o código como abaixo:     E a saída dele será esta:     E pronto tão fácil quanto isto, óbvio que existem personalizações como tamanho, troca de cor etc. e que veremos melhor estas mudanças em diversos componentes para a elaboração de layout de telas em post's posteriores. ion-card     O ion-card podemos considerá-lo para um melhor entendimento como se fosse uma postagem em uma rede social, sim, aquele layout clássico que começa com um cabeçalho com o avatar do usuário seguido do seu nome, logo abaixo uma frase de "impacto" e a