Skip to Content
🎉 Coral now has an MCP Server, check out the docs
DocumentationMoleculesEnergyOverviewComponentsEnergyOverviewCard

EnergyOverviewCard

Sub-component of the EnergyOverview molecule.

Props

NameTypeDefault
attributesAttributes

This prop can be used to pass HTML attributes directly to the component. We currently allow passing data-* and aria-* attributes and the id. However, you can pass anything else with a type hack if necessary since this object is despread in to the component, without filtering its content.

Example usage:

AttributesProps: { 'id': 'close-button', 'aria-label': 'Close button', 'data-testid': 'close-button' };
informationalText{ tooltipNoDataText?: string; noDataText?: string; errorText?: string; }
measurementWithMultipleStatisticsEntriesany
chartDataChartData[] | ChartData[][]
lineChartDataChartData[]
legendEntriesstring[]
dateRangeEnergyOverviewDateRange
viewTypeEnergyOverviewViewTypes
setViewTypeDispatch<SetStateAction<EnergyOverviewViewTypes>>
utilityType"gas" | "electricity"
showStandingChargeboolean
setShowStandingChargeDispatch<SetStateAction<boolean>>
measurementUnitstring
unitRatePricingLabelstring
costOfUsageCurrencystring
dateLocaleLocale
currencystring
localestring
unitViewEnergyOverviewUnitTypes
setUnitViewDispatch<SetStateAction<EnergyOverviewUnitTypes>>
alwaysShowLegendboolean
totalConsumptionnumber
totalStandingChargenumber
tableDateLabels{ day?: string; week?: string; month?: string; year?: string; date?: string; total?: string; }
childrenReactNode
Last updated on