Vertical Narrative

Examples

The Vertical Narrative template provides a slideshow-like experience to users. This is great for storytelling to users or crafting an explicate content flow. Using the full width and height of the viewport, users traverse this experience vertically with very simple navigation controls (keyboard or up/down arrow keys). Built into the template is a smooth scroll animation to enhance the experience.

Header
Article
Header
Article
Header
Article

Components

Article

A standard HTML5 article. It might contain a Header, one or more Sections, and a Footer.

Box

General purpose flexible box layout. This supports many, but not all, of the flexbox capabilities.

Chart

The Grommet Chart components provide the building blocks to construct a variety of Chart visualizations.

Header

Combines Title and Menu elements responsively.

Meter

Shows a bar, arc, or circular meter graphic.