mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
35 lines
1.6 KiB
TypeScript
35 lines
1.6 KiB
TypeScript
import { Directive } from '@angular/core';
|
|
|
|
/**
|
|
* @name Col
|
|
* @module ionic
|
|
* @description
|
|
*
|
|
* Columns are cellular components of the [grid](../Grid) system and go inside of a [row](../Row).
|
|
* They will expand to fill their row. All content within a grid should go inside of a column.
|
|
*
|
|
* ## Column attributes
|
|
*
|
|
* By default, columns will stretch to fill the entire height of the row.
|
|
* There are several attributes that can be added to a column to customize this behavior.
|
|
*
|
|
* | Property | Description |
|
|
* |-----------------------|-------------------------------------------------------------------------------------------------------------|
|
|
* | align-self-start | Adds `align-self: flex-start`. The column will be vertically aligned at the top. |
|
|
* | align-self-center | Adds `align-self: center`. The column will be vertically aligned in the center. |
|
|
* | align-self-end | Adds `align-self: flex-end`. The column will be vertically aligned at the bottom. |
|
|
* | align-self-stretch | Adds `align-self: stretch`. The column will be stretched to take up the entire height of the row. |
|
|
* | align-self-baseline | Adds `align-self: baseline`. The column will be vertically aligned at its baseline. |
|
|
*
|
|
*
|
|
*/
|
|
@Directive({
|
|
selector: 'ion-col, [ion-col]',
|
|
host: {
|
|
'class': 'col'
|
|
}
|
|
})
|
|
export class Col {
|
|
|
|
}
|