Reports · Components

SavedReportCard

One saved report as a card: its title (the whole card opens it), a line saying what it covers, a headline figure from its latest run with a sparkline over time, and when it was saved and run. The same card is the Saved reports page's and the Reports section page's.

Public export

typescript

import { SavedReportCard } from '@happyvertical/smrt-reports/svelte';

Import path: @happyvertical/smrt-reports/svelte
Props: 9
Props described: 9 of 9
Bindable state: 0
Callback events: 0
Verified release: 0.57.40

Props

NameTypeRequiredDescription

reportSavedRuntimeReportYesThe saved report to show: its title, spec and saved-at time.

hrefstringYesThe report's page.

resultRuntimeReportResult | nullNoIts latest run; `undefined` while it runs, `null` when it could not run.

sourceReportSourceInfoNoThe report's source by label and fields, for its description line.

actionsMenuItem[]NoThe secondary actions (Archive, Restore) of its "more" menu.

authorstringNoWho saved it, as the host names them ("You").

headingLevel2 | 3NoHeading level of the title, under the surrounding page's heading.

localestringNoBCP 47 locale for dates, numbers and relative times; default `en`.

currencystringNoISO 4217 code that formats currency measures; default `USD`.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation