C47 Multi-column splitter

The multi-column splitter creates flexible 2, 3, or 4-column layouts and allows approved components to be placed within each column. Examples include a video side by side with text, or a combination of content in one column and a media asset in another.

 

Component requirements

Required:

  • Number of columns: Dropdown. 2/3/4. Default: 3.

Additional component notes:

  • Components approved for use within each column: 
    • C05, C07, C15, C16, C18, C25, C26, C30, C31, C32, C33, C55
  • Multi-column splitter contains a 40px top margin.

 

ADA requirements

  • ADA compliance for this component follows the rules established for each individual component; no additional guidelines apply specifically to the multi-column splitter.

Component example

The example below is shown as a static visual, representing the component in use in 2, 3, and 4 column configuration.

image showing table with 2 columns
image showing table with 3 columns
image showing table with 4 columns