Skip to Content
BannersCarConsumptionInfoBanner

CarConsumptionInfoBanner

A small info trigger that opens a dialog with CO₂/consumption explanation.

Includes the common banner props.

Props

id●
string
required

CMS id.

buttonText●
string
required

Button label shown next to the info icon.

dialogTitle●
string
required

Dialog title.

consumptionDescription●
string
required

Dialog body text.

consumptionRating●
CO2Class
required

Rating used for the scale.

Example

const banner: CarConsumptionInfoBanner = { typename: BannerTypename.CarConsumptionInfo, id: 'b_123', title: null, titleTag: 'h2', titleAlign: 'left', cssId: null, cssClasses: null, buttonText: 'Consumption', dialogTitle: 'CO₂ Information', consumptionDescription: 'Details...', consumptionRating: 'A' as any };
Last updated on