Stack

<!-- 2 big values stacked vertically -->
{% stack  %}
    {% big_value
        data="demo.daily_orders"
        value="sum(total_sales)"
    /%}
    {% big_value
        data="demo.daily_orders"
        value="avg(avg_transaction_value)"
    /%}
{% /stack %}

Examples

Basic Usage

<!-- 2 big values stacked vertically -->
{% stack  %}
    {% big_value
        data="demo.daily_orders"
        value="sum(total_sales)"
    /%}
    {% big_value
        data="demo.daily_orders"
        value="avg(avg_transaction_value)"
    /%}
{% /stack %}

Attributes

string

default:"stretch"

How to horizontally align items in this stackAllowed values:

left
center
right
stretch

boolean

default:"false"

Display the stack contents as a single card when card mode is enabled

string

default:"auto"

Controls page breaks inside this component in PDF exports. auto allows content to flow across pages, avoid attempts to keep all content together on one page.Allowed values:

auto
avoid

number

Set the width of this component (in percent) relative to the page width

Get Started

Core Concepts

Features

MCP

CLI

Self Host

Direct Connectors

Evidence Warehouse

Components

Guides

Examples

Basic Usage

Attributes