UNPKG

ionic-angular

Version:

A powerful framework for building mobile and progressive web apps with JavaScript and Angular

github.com/ionic-team/ionic

ionic-team/ionic

33 lines (32 loc) • 3.05 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/** * @name Row * @module ionic * @description * * Rows are horizontal components of the [grid](../Grid) system and contain varying numbers of * [columns](../Col). They ensure the columns are positioned properly. * * ## Row attributes * * By default, columns will stretch to fill the entire height of the row and wrap when necessary. * There are several attributes that can be added to a row to customize this behavior. * * | Property | Description | * |-----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------| * | nowrap | Adds `flex-wrap: nowrap`. Forces the columns to a single row. | * | wrap-reverse | Adds `flex-wrap: wrap-reverse`. The columns will wrap in reverse. | * | align-items-start | Adds `align-items: flex-start`. All columns will be vertically aligned at the top, unless they specify their own alignment. | * | align-items-center | Adds `align-items: center`. All columns will be vertically aligned in the center, unless they specify their own alignment. | * | align-items-end | Adds `align-items: flex-end`. All columns will be vertically aligned at the bottom, unless they specify their own alignment. | * | align-items-stretch | Adds `align-items: stretch`. All columns will be stretched to take up the entire height of the row, unless they specify their own alignment. | * | align-items-baseline | Adds `align-items: baseline`. All columns will be vertically aligned at their baselines, unless they specify their own alignment. | * | justify-content-start | Adds `justify-content: start`. All columns will be horizontally aligned at the start. | * | justify-content-center | Adds `justify-content: center`. All columns will be horizontally aligned at the center. | * | justify-content-end | Adds `justify-content: end`. All columns will be horizontally aligned at the end. | * | justify-content-around | Adds `justify-content: space-around`. All columns will be horizontally aligned with equal space around them. | * | justify-content-between | Adds `justify-content: space-between`. All columns will be horizontally aligned with a half-size space on either end. | * * */ export declare class Row { }