The 'reason to believe' item component should be used within the RTB List component.
Brand Guide
Components
Card / ContentCard / PeopleCard / StatCard / TestimonialElement / Accordion ItemElement / ButtonElement / Icon List ItemDependencies / Testimonial LockupIconMedia / ImageMedia / VideoStructure / Section PaddingSliderSlider / SlideSlider / CMS SlidesText / BodyText / EyebrowText / HeadingText / Heading LockupUtility / ScrimWrapper / Accordion ListWrapper / Bento Item WrapperWrapper / Button GroupWrapper / Icon List
Icon List Item
RTB Item
Lorem ipsum
Testimonial Lockup
Testimonial Lockup
"In culpa consectetur irure anim laborum et. Aliquip enim proident laborum non culpa eu sint elit consectetur excepteur velit commodo."
First Last
Company, Title
Icon
Icon / Caret Down
Icon / Check
Icon / X
Image
Image
Aspect Ratio = Landscape 3:2
Image
Aspect Ratio = Landscape 16:9
Image
Aspect Ratio = Landscape 2:1
Image
Aspect Ratio = Square 1:1
Image
Aspect Ratio = Portrait 2:3
Image
Aspect Ratio = Portrait 4:5
Image
Aspect Ratio = Cover
Video
Video
Section Padding
The section padding component can be used to add vertical padding to the top and bottom of sections. The properties for these components can then be passed through to the parent component.
Section Padding
Size = Page Top
Section Padding
Size = Large
Section Padding
Size = Medium
Section Padding
Size = Small
Section Padding
Size = None
Slider
The slider component powered by Swiper.JS to display content in a carousel layout.
Slider
Slider / Slide
Slider slides are for use only inside the main Slider component.
Slider / CMS Slides
Slider slides are for use only inside the main Slider component.
Slider / CMS Slides
No items found.
Body text
The body text component is useful for adding styled rich-text into components for applications such as sub-headings and accordion content. The body text component should not be used in place of rich-text for long-form content such as articles.
Body text
size = Large
Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.
Body text
size = Base
Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.
Body text
size = Small
Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.
Body text
size = XSmall
Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.
Heading text
Body text
Size = H1
Heading
Body text
Size = H2
Heading
Body text
Size = H3
Heading
Body text
Size = H4
Heading
Body text
Size = H5
Heading
Body text
Size = H6
Heading
Heading Lockup
The heading lockup should be used in sections that require a eyebrow, heading and sub-heading combination. The inherit variant can be used when the layout/style of a section should determine the alignment of the heading lockup.
Button
Alignment = Left
Button
Alignment = Center
Button
Alignment = Right
Button
Alignment = Horizontal
Scrim
The scrim component can be used to add an overlay to images or to serve as a backdrop for modals and popups.
scrim
Accordion List
Accordion List
Bento Item Wrapper
Bento Grid Cell
RTB List
RTB List