| title |
|---|
ion-row |
import Props from '@ionic-internal/component-api/v8/row/props.md'; import Events from '@ionic-internal/component-api/v8/row/events.md'; import Methods from '@ionic-internal/component-api/v8/row/methods.md'; import Parts from '@ionic-internal/component-api/v8/row/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/row/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/row/slots.md';
<title>ion-row: Horizontal Row Components of the Grid System</title>import EncapsulationPill from '@components/page/api/EncapsulationPill';
Rows are horizontal components of the grid system and contain varying numbers of columns. They ensure the columns are positioned properly.
See the grid documentation for more information.
By default, columns will stretch to fill the entire height of the row and wrap when necessary. Rows are flex containers, so there are several CSS classes that can be applied to a row to customize this behavior.