123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- import { Directive } from '@angular/core';
- /**
- * @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. |
- *
- *
- */
- var Row = (function () {
- function Row() {
- }
- Row.decorators = [
- { type: Directive, args: [{
- selector: 'ion-row, [ion-row]',
- host: {
- 'class': 'row'
- }
- },] },
- ];
- /** @nocollapse */
- Row.ctorParameters = function () { return []; };
- return Row;
- }());
- export { Row };
- //# sourceMappingURL=row.js.map
|