Teaser Paragraph
A great way to introduce a page, summarize the purpose of the page/area, highlight key details and/or promote main call-to-action items.
- Introduce the main purpose page/area.
- Highlight call-to-action items.
- Provide crucial details at the top of the page.
- Mostly used inside a group (unless set to full width).
- Use inside both normal and narrow groups.
- Use as a subheading before other content.
- Choose either bone or white color.
- When in group, the background will always be white.
- Default (in group) and full-width (outside of group) options.
- Can add multiple primary and secondary links.
How to Add – Teaser Paragraph Component
- Log in to Drupal.
- Go to page you wish to edit.
- Click on + sign to enter a new paragraph inside of a group.
- Complete the form details.
- Title: Optional
- Description: Optional
- Click on a carrot to expand Display Settings section.
- Choose background color: White or bone
- Most of the time, you will choose white, and the teaser will be placed in group.
- If your teaser is placed within a group, the background color will be white.
- Choose width: Default or full width
- Default: Used in most instances, as the teaser is designed for use within a group.
- Full width: Used to place above other paragraph types that are not within a group. The background color will always be white if this is set to "full width" and placed inside a group.
- Choose background color: White or bone
- Click on a carrot to expand links section
- Add your primary and/or secondary links.
- Save paragraph
- Save page as "In progress" or "Ready to Review."
In normal group, with title, description, primary and secondary link:
In normal group, no title, no links:
In narrow group, no title, with primary link:
This is just an example of what the teaser paragraph component would look like in a normal group. This text is simply here to fill space so you can see how the layout of your paragraph component will appear once the content is added. When you create your own, you can add any text you’d like here to fit your needs.
This is just an example of what the teaser paragraph component would look like outside of a group with white background and full width. This text is simply here to fill space so you can see how the layout of your paragraph component will appear once the content is added. When you create your own, you can add any text you’d like here to fit your needs. This is designed to be used before groups of image promos or other full-width elements.
This is just an example of what the teaser paragraph component would look like in narrow group with no title and no links. This text is simply here to fill space so you can see how the layout of your paragraph component will appear once the content is added. When you create your own, you can add any text you’d like here to fit your needs.
Additional Web Editing Resources
