ion-col
Defines a Grid Column component.
This component must be inserted in a Grid Row and contains other components or HTML.
For more information: GridCol.
Name | Description |
---|---|
Alignement | Specifies how item is aligned on the cross axis. |
Offset | The amount to offset the column, in terms of how many columns it should shift to the end of the total available. |
Offset 0-576 px (xs) | The amount to offset the column for xs screens, in terms of how many columns it should shift to the end of the total available. |
Offset 1200-over px (xl) | The amount to offset the column for xl screens, in terms of how many columns it should shift to the end of the total available. |
Offset 576-768 px (sm) | The amount to offset the column for sm screens, in terms of how many columns it should shift to the end of the total available. |
Offset 768-992 px (md) | The amount to offset the column for md screens, in terms of how many columns it should shift to the end of the total available. |
Offset 992-1200 px (lg) | The amount to offset the column for lg screens, in terms of how many columns it should shift to the end of the total available. |
Pull | The amount to pull the column, in terms of how many columns it should shift to the start of the total available. |
Pull 0-576 px (xs) | The amount to pull the column for xs screens, in terms of how many columns it should shift to the start of the total available. |
Pull 1200-over px (xl) | The amount to pull the column for xl screens, in terms of how many columns it should shift to the start of the total available. |
Pull 576-768 px (sm) | The amount to pull the column for sm screens, in terms of how many columns it should shift to the start of the total available. |
Pull 768-992 px (md) | The amount to pull the column for md screens, in terms of how many columns it should shift to the start of the total available. |
Pull 992-1200 px (lg) | The amount to pull the column for lg screens, in terms of how many columns it should shift to the start of the total available. |
Push | The amount to push the column, in terms of how many columns it should shift to the end of the total available. |
Push 0-576 px (xs) | The amount to push the column for xs screens, in terms of how many columns it should shift to the end of the total available. |
Push 1200-over px (xl) | The amount to push the column for xl screens, in terms of how many columns it should shift to the end of the total available. |
Push 576-768 px (sm) | The amount to push the column for sm screens, in terms of how many columns it should shift to the end of the total available. |
Push 768-992 px (md) | The amount to push the column for md screens, in terms of how many columns it should shift to the end of the total available. |
Push 992-1200 px (lg) | The amount to push the column for lg screens, in terms of how many columns it should shift to the end of the total available. |
Size | The size of the column, in terms of how many columns it should take up out of the total available. If ‘auto’ is set the column will be the size of its content. |
Size 0-576 px (xs) | The size of the column for xs screens, in terms of how many columns it should take up out of the total available. If ‘auto’ is set the column will be the size of its content. |
Size 1200-over px (xl) | The size of the column for xl screens, in terms of how many columns it should take up out of the total available. If ‘auto’ is set the column will be the size of its content. |
Size 576-768 px (sm) | The size of the column for sm screens, in terms of how many columns it should take up out of the total available. If ‘auto’ is set the column will be the size of its content. |
Size 768-992 px (md) | The size of the column for md screens, in terms of how many columns it should take up out of the total available. If ‘auto’ is set the column will be the size of its content. |
Size 992-1200 px (lg) | The size of the column for lg screens, in terms of how many columns it should take up out of the total available. If ‘auto’ is set the column will be the size of its content. |
Comment | Describes the object comment to include in the documentation report. This property generally contains an explanation about the object. |
Identifier | Defines the component identifier. |
Is active | Defines whether the component is active. |