UNPKG

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