Everything (Block Examples)
Text Heading Example
Here are some commonly used text blocks. First, the Text Heading block allows for headers of size h2 to h5. Text Heading may be centered, or aligned to the left or right. They may have different colors set to them according to the branding guidelines, and can link to a page, external URL, email address, or document (optional).
This is a Rich Text Field block. It can similarly be aligned to the left, center, or right of the parent element, and use different branding guideline colors. Additional features include superscript, subscript, lists, and links.
Below is an Icon Heading block. It functions similarly to the Text Heading block, except it uses Font Awesome icons instead of text.
This is a Static Image block.
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Item URL can be set to the button or to the list item itself.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a enim accumsan, hendrerit sem vitae, tincidunt dolor. Nunc elit elit, bibendum vel blandit vel, semper vel urna. Aliquam id ullamcorper nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a enim accumsan, hendrerit sem vitae, tincidunt dolor. Nunc elit elit, bibendum vel blandit vel, semper vel urna. Aliquam id ullamcorper nisl.
Item URL can be set to the button or to the list item itself.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dynamic Table
There is now a singular Table block that combines plain text tables and rich text tables. The first column can be displayed as a header, enabled via a toggle.
| Header column example | Plain text column | Rich text column |
|---|---|---|
| Column Header 1 | This column uses plain text data. Used for simple information. | You can do many things with a rich text column! Formatting options, images, lists, and so on. ![]() |
Call-to-Action Blocks have been deprecated
Alert Blocks have also been deprecated.
Similarly, use an outlined Page Section with a Rich Text Field block to achieve the same effect.
Page Sections and Section Columns can be mixed and matched to create more complicated page layouts. This example page section contains 2 section columns, with each column containing different types of content.
Lorem Ipsum Heading
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Quisque rutrum arcu quis nunc pharetra, in pretium nibh eleifend.
- Donec faucibus pretium turpis vitae fringilla.
- Quisque convallis felis viverra erat rhoncus, vel fermentum augue posuere.
- Vivamus sit amet orci quis elit ultrices lobortis.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Quisque rutrum arcu quis nunc pharetra, in pretium nibh eleifend.
- Donec faucibus pretium turpis vitae fringilla.
- Quisque convallis felis viverra erat rhoncus, vel fermentum augue posuere.
- Vivamus sit amet orci quis elit ultrices lobortis.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
