> ## Documentation Index
> Fetch the complete documentation index at: https://docs.evidence.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# Row

> A flexible layout that places its children next to each other

```liquid theme={null}
<!-- 2 side-by-side charts -->
{% row %}
    {% line_chart
        data="demo.daily_orders"
        x="date"
        date_grain="quarter"
        y="sum(total_sales)"
    /%}
    {% bar_chart
        data="demo.daily_orders"
        x="category"
        y="sum(transactions)"
    /%}
{% /row %}
```

## Examples

### Basic Usage

```liquid theme={null}
<!-- 2 side-by-side charts -->
{% row %}
    {% line_chart
        data="demo.daily_orders"
        x="date"
        date_grain="quarter"
        y="sum(total_sales)"
    /%}
    {% bar_chart
        data="demo.daily_orders"
        x="category"
        y="sum(transactions)"
    /%}
{% /row %}
```

## Attributes

<ResponseField name="align" type="string" default="stretch">
  How to vertically align items in this stack

  **Allowed values:**

  * `top`
  * `center`
  * `bottom`
  * `stretch`
</ResponseField>

<ResponseField name="card" type="boolean" default="false">
  Display the row contents as a single card when card mode is enabled
</ResponseField>

<ResponseField name="width" type="number">
  Set the width of this component (in percent) relative to the page width
</ResponseField>