Report Highlight Widget
<ic-report-hero> is a magazine-style hero for a team's most recently published report — cover, eyebrow, title, quick-action links, and CEO quote. It ships in the ic-reports.js bundle. This demo uses the Investor Caller team.
1. Featured report (actions-style="pills")
The most recently published report with pill-shaped quick-action buttons (Report, Presentation, Webcast) and the CEO quote. This matches the Investor Caller marketing demo.
<ic-report-hero team="investorcaller" actions-style="pills"></ic-report-hero>2. Upcoming mode (live)
Set upcoming-event (numeric event id or slug) to advertise a
report before it is published — "Upcoming" badge, the event
title, the release date from the linked financial calendar, and
add-to-calendar links (Google / Yahoo / iCal). Once the event's date has
passed, the hero automatically falls back to the latest published
report, so no host-page change is needed after the event day.
<ic-report-hero team="investorcaller-ab" upcoming-event="investor-caller-q3-report-2026"></ic-report-hero>
This live example advertises the Investor Caller Q3 2026 webcast
(event id 722, October 22, 2026 — the report is still a
draft). It uses the sibling investorcaller-ab team because
the Investor Caller demo team has no future-dated events;
upcoming-event="722" works equally well.
3. Variants
Several <ic-report-hero> elements can coexist on one
page. The alternatives below are shown as markup only.
Default link actions — omit actions-style (or
set it to "links") to render the quick actions as plain links
instead of pills:
<ic-report-hero team="investorcaller"></ic-report-hero>
Localized — set locale to fi or
sv (subject to the team's supported locales):
<ic-report-hero team="investorcaller" locale="fi"></ic-report-hero>