mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
6ceec7ad4d
The old grid is still supported but will be deprecated in the future. closes #6050 closes #7508
34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
import { Directive } from '@angular/core';
|
|
|
|
/**
|
|
* @name Col
|
|
* @module ionic
|
|
* @description
|
|
*
|
|
* Column description
|
|
*
|
|
* ## 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 baselines. |
|
|
*
|
|
*
|
|
*/
|
|
@Directive({
|
|
selector: 'ion-col, [ion-col]',
|
|
host: {
|
|
'class': 'col'
|
|
}
|
|
})
|
|
export class Col {
|
|
|
|
}
|