---
type: "Components"
category: "Core"
parent: "Row"
title: "Addon"
date: "1900-10-10"
---

## Stretch

Use `.xt-row-stretch` to stretch content vertically.

<div class="xt-overflow-sub overflow-y-hidden overflow-x-scroll my-5 xt-my-auto w-full">

|                      | Syntax                          | Mixin            | Description                   |
| ----------------------- | ----------------------------------------- | -----------------------------| ----------------------------- |
| Component                  | `.xt-row-stretch`                     | `xt-row-stretch`                | Stretch content vertically            |

</div>

When using cards you can space with `margin auto` on **card content**. When not using cards, be sure that the content have class `.flex-auto`.

<demo>
  <demoinline src="demos/components/row/stretch">
  </demoinline>
</demo>

## Overflow

Style row to have **overflow scroll when overflowing** (**use narrow screen to see it in action**).

<demo>
  <div class="docs_demo_item" data-iframe="demos/components/row/overflow">
  </div>
</demo>
