ionic2
Componentes CSS de Ionic2
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>