VRT All Paragraph Types

This page displays the different varieties of Paragraph Types (cards) available on the Digital Commons platform. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every combination shown is desirable or a best practice. This band is set to Full Width.

CTA cards in Full Width band

Required fields and icon

Button Link

Title field

keyboard-accessible link text only

Uploaded Icon

Title field

Uploaded icon from https://icons.getbootstrap.com/ and "nolink" link

Limit content and background to Large Width

Profile cards

No image style, required fields

Woman in business suit in an office, coworkers in the background

Firstname Lastname

Portrait image style

Woman in business suit in an office, coworkers in the background
Firstname Lastname
Button Link 919 123-4567 person@example.com

id=#B6

Rectangle image style

Woman in business suit in an office, coworkers in the background

Firstname Lastname

person@example.com

Quick Links with None band width

Required fields, text style links

All fields

Spotlight Paragraph

Which is usually on the home page

Spotlight Paragraph

Which is usually on the home page

Man in suit, in modern office building

id=#B8

Stat Cards, large screen width band

Required fields only

5000

No animation

id=#B9

Required fields only

0

With 5 second animation

All fields

$5000K

No animation

Description field here

All fields

$0K

With 2 second animation

Description field here

Contact cards

All fields

Firstname Lastname

Location Name field
109 E North St
Raleigh, NC 27601
United States

Contact Info field

id=#B10

Required fields

Required fields with address

109 E North Street
Raleigh, ND 27601
United States

Tabs

Tab/Accordion Items

Tab/Accordion Paragraph
View Embed
Current Blog List

Current Blog List

This tab has a view embed in the body and a video card in the sidebar.

id=#B11

This has an event card in the body.

Map and Webform

Webform embed

Indicates required field