•   Email
  •   Print
Component Library

Panel

The Panel Component is used to highlight or "call out" certain pieces of content. Each panel has a title and a paragraph system to add other components to the body of the panel. The three variations of the Panel Component are as follows. 

Example

One Column

Title for One Column Panel

Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Two Column

Title for Left Column

Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Title for Right Column

Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Tiled Panels (2)

Tiled panels are always shown in groups of 2.

Title for Left Column

Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Title for Right Column

Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Author Dialog

One Column

When "1 column" is selected, provide a single title. 

Note: Background images are not used with "1 Column" panel.

Two Column

When "2 column" is selected, provide a title for each panel. 

Note: Background images are not used with "2 Column" panel.

Tiled Panels (2)

When "Tiled Panels (2)" is selected, provide a title for each panel. In addition, you should drag images from the content finder into the component dialog for background images.