Hero

A hero is a large, prominent section of a webpage typically located at the top, used to showcase a particular message, image or call-to-action.

The hero component is not themeable. This component is always presented with the default colours, no matter which theme is used in the product.

The colours used by the hero component are the colours present in the global theme.