Print Format Components

These components can be used to format your report content for PDF export or printing.

LineBreak

Inserts a line break on the page (in the UI as well as on print).

This can be helpful when working with many input components (filters, dropdowns, etc.)

Text on original line <LineBreak/> Text on new line

Options

lines

Number of line breaks to insert

Options:: number

Default:: 1

PageBreak

On print, inserts a page break - pushing the next content onto the start of a new page.

The purple line chart in this section will print on a new page.

<LineChart 
    data={orders_by_month} 
    x=month
    y=sales_usd0k 
/>

<PageBreak/>

<LineChart 
    data={orders_by_month} 
    x=month
    y=sales_usd0k 
    lineColor=purple
/>

PrintGroup

Combines content to be printed on the same page if possible
Offers a hidden prop. If true, the content within the PrintGroup will not be printed

    <PrintGroup>

        The 2 heatmaps below will be printed on the same page if possible

        <Heatmap data={item_channel} x=channel y=item value=orders/>
        <Heatmap data={item_channel} x=channel y=item value=orders/>
    </PrintGroup>

`hidden=true`

The purple line chart will be hidden on print

<LineChart 
    data={orders_by_month} 
    x=month
    y=sales_usd0k 
/>

<PrintGroup hidden=true>
    <LineChart 
        data={orders_by_month} 
        x=month
        y=sales_usd0k 
        lineColor=purple
    />
</PrintGroup>

Options

hidden

If true, the content within the PrintGroup will not be printed

Options:

Default:: false