Spotlight
The Spotlight component is used to promote a specific piece of content or a benefit.
Spotlight title
html description
Established
1969Location
1969
How it works
A Spotlight consists of an image/logo, heading and copy. Optionally it can include the Key Info component when appropriate which is passed in as a child.
Spotlight has less prominence than the Billboard component and can therefore be used multiple times throughout a page – often stacked in groups.
It can be used as a relatively loud communication tool by using strong colours and imagery (as on the certificates page), or a quieter version using a white background and imagery (as in the career advice page or workplace learning page examples).
Implementation
| Name | Description | Default |
|---|---|---|
| isTransparent | bool | false |
| isMirrored | bool | false |
| isLogo | bool | false |
| image | string | - |
| alt | string | - |
| title | string | - |
| description | { __html: string } | string | - |
| imageUrl | string | - |
| children | node | - |