Styleguide notes


Banner component


Usage

The banner appears on section pages. It is used to promote key messages. If multiple messages are needed, use the Section page carousel instead.


Interaction

Both the image and the strapline are clickable.


CSS and media queries

N/a


Use of Javascript

Javascript is used to add a classname to the banner component, if there is only one slide detected. This ensures the caption area fills the containing div, instead of leaving room for the carousel navigation buttons.


Component variants

N/a