Skip to main content
<!-- 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

​
align
string
default:"stretch"
How to horizontally align items in this stackAllowed values:
  • left
  • center
  • right
  • stretch
​
card
boolean
default:"false"
Display the stack contents as a single card when card mode is enabled
​
print_break
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
​
width
number
Set the width of this component (in percent) relative to the page width