H005 Stock Ticker Hero

Component Detail

The H005 component dynamically pulls relevant stock information and displays it within a right-aligned content card in the hero. The card features the current stock price as well as the 52-week high and low. Any changes to the price since the data was last pulled are represented in green or red, along with an arrow facing up or down, depending on whether or not the change was positive or negative. Finally, the card also displays the date and time from which the data was most recently pulled.

Separate from the stock ticker content card, content editors have the ability to add supporting content in the form of an H1 title, body copy, and up to 2 CTAs.

Interactions

The stock price is dynamically generated and not interactive to the user.