Buscar..


Cuadrícula

El sistema de cuadrícula de Ionic se basa en flexbox, una característica de CSS compatible con todos los dispositivos compatibles con Ionic. La cuadrícula se compone de tres unidades: cuadrícula, filas y columnas. Las columnas se expandirán para llenar su fila y se cambiarán de tamaño para que se ajusten a columnas adicionales.

Clase Anchura
ancho-10 10%
ancho-20 20%
ancho-25 25%
ancho-33 33.3333%
ancho-50 50%
ancho-67 66.6666%
ancho-75 75%
ancho-80 80%
ancho-90 90%

Ejemplo.

    <ion-grid>
      <ion-row>
        <ion-col width-10>This column will take 10% of space</ion-col>
      </ion-row>
    </ion-grid>

Tarjetas

Las tarjetas son una excelente manera de mostrar piezas importantes de contenido y están emergiendo rápidamente como un patrón de diseño central para las aplicaciones. Son una excelente manera de contener y organizar la información, a la vez que configuran expectativas predecibles para el usuario. Con tanto contenido para mostrar a la vez y, a menudo, tan poco espacio de pantalla, las tarjetas se han convertido rápidamente en el patrón de diseño elegido por muchas compañías.

Ejemplo.

<ion-card>
  <ion-card-header>
        Header
  </ion-card-header>
  <ion-card-content>
        The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
  </ion-card-content>
</ion-card>


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow