Section Block

Owned by Matt Birtch
Last updated: Dec 02, 2021
1 min read

Design Complete

Important Links

Figma Design Link

Description

A section block is really an “invisible” containing element that gives apps the ability to group related content together. Sections have built-in margins to separate content blocks as well.

NOTE: This component is specific to the apps framework and is not yet part of the Compass Design System

Container Padding

Depending on the Canvas that the Section Block is being used in, the padding differs:

  • Modal Canvas: Padding = 32px

  • RHS Canvas: Padding = 24px

  • Message Canvas: Padding = 16px top/bottom, 0px left/right

Supported Canvases

  • Modal Canvas

  • RHS Canvas

  • Message Canvas

Sample View within Apps Framework