Story Highlights
Story Highlights accompanying a Presto story are rendered by default at the top of the story. They can be added to an article in Presto using the input controls under Advanced Options.
The list gets placed at the very top of the story, immediately after the topper. To push it down, say past an editor's note, use the offset
config property.
Highlights can be positioned with any of the standard asset positioning controls. The title, by default, has a bold top border, but it can be reconfigured to have a theme-color, edge-to-element-edge background instead. Colors for the top border or title box can be reconfigured, as well.
When to use
Story Highlights give readers a quick glance at article findings or plot points. Use them to get to the point of any story.
Options
value | purpose | required | default |
---|---|---|---|
offset |
The number of elements to shift story highlights down the page. | No | 0 |
title |
Changes title from default. | No | "Story Highlights" |
noTopBorder |
Removes the default bar from above the title. | No | false |
titleBox |
Removes top border, adds theme-color background over the title. | No | false |
serif |
Changes highlights text style from default. | No | Article theme value |
noSeparators |
Removes default separator lines between highlights. | No | false |
themeColor |
Changes theme color from default. | No | Article themeColor |
themeColorText |
Changes text theme color from default. | No | Article text color |
position |
Supports all standard positions. | ||
layout |
Supports all standard layouts. |
Sample configuration
{storyHighlights}
hide: false
offset: 0
titleBox: true
noSeparators: true
themeColor: #D0021B
position: left-large
{}