# ion-row

URL: https://ionicframework.com/docs/api/row

**Encapsulation**: [shadow](/docs/reference/glossary.md#shadow)

Rows are horizontal components of the [grid](/docs/api/grid.md) system and contain varying numbers of [columns](/docs/api/col.md). They ensure the columns are positioned properly.

Refer to the [grid](/docs/api/grid.md) documentation for more information.

## Row Alignment

By default, columns will stretch to fill the entire height of the row and wrap when necessary. Rows are [flex containers](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Container), so there are several [CSS classes](/docs/layout/css-utilities.md#flex-container-properties) that can be applied to a row to customize this behavior.

## Properties

No properties available for this component.

## Events

No events available for this component.

## Methods

No public methods available for this component.

## CSS Shadow Parts

No CSS shadow parts available for this component.

## CSS Custom Properties

No CSS custom properties available for this component.

## Slots

| Name | Description |
| --- | --- |
|  | The default slot |