Components consist of pre-formatted elements, such as headers and visuals, and are used to build reports using a simple drag and drop approach when applied to the Canvas Grid.


Selecting and aligning components

  1. Select and copy your component of choice from the 'Components' file (ensure the component is grouped).

  2. Make a note of the components dimensions (e.g. 10x5 squares).

  3. Clear space for your component within your Canvas Grid (e.g. 10x5 squares).

  4. Paste your component onto the Canvas Grid and align within the space created, using the grid squares as a guide for alignment.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cd7c9cc5-eeb7-4bd5-9a16-87df049f14ae/729ea556614649f9b1a2023d2fc25911-1609428297932.mp4


Resizing components

<aside> <img src="https://super.so/icon/dark/alert-circle.svg" alt="https://super.so/icon/dark/alert-circle.svg" width="40px" /> The following components are not suitable for resizing: KPIs, Donuts (excluding left-aligned donut), Miscellaneous, 100% Stacked Bar Chart (Performance Ratio component only), and Gauges.

</aside>