| title |
|---|
ion-col |
import Props from '@ionic-internal/component-api/v8/col/props.md'; import Events from '@ionic-internal/component-api/v8/col/events.md'; import Methods from '@ionic-internal/component-api/v8/col/methods.md'; import Parts from '@ionic-internal/component-api/v8/col/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/col/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/col/slots.md';
<title>ion-col: Column Component Padding and Other Properties</title>import EncapsulationPill from '@components/page/api/EncapsulationPill';
Columns are cellular components of the grid system and go inside of a row. They will expand to fill the row. All content within a grid should go inside of a column.
See the grid documentation for more information.
By default, columns will stretch to fill the entire height of the row. Columns are flex items, so there are several CSS classes that can be applied to a column to customize this behavior.