Examples

Article Styling

Use style, hoverStyle and activeStyle to craft distinct visuals.

Style, Hover and Active Style Modes

Style any article via timeline-level defaults or per-article options. Hover and active styles inherit from the base style, letting you override only what is needed.

💡

Tip

To clear system defaults for active and/or hover styles after initialization, delete individual properties from the style object or reset all by setting to an empty object, for example:

  • myTimeline.options.article.defaultActiveStyle = {}
  • myTimeline.setOption("article.defaultActiveStyle", myActiveStyle)
/* Select an article in the timeline to see its style here */

Card layouts: Portrait vs Landscape

Toggle the default card layout between landscape and portrait. You can set it at init via options.article.defaultCardLayout or after init with timeline.setOption("article.defaultCardLayout", layout).