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

EnergyOverviewDualCard

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
legendEntriesstring[]
dateRangeEnergyOverviewDateRange
measurementUnitstring
dateLocaleLocale
localestring
dualChartDataDualConsumptionChartEntries[]
totalConsumption(number | undefined)[] | undefined
childrenReactNode
Last updated on