Skip to content

Illustration

<ns-illustration>

Overview

Illustrations are visual symbols used to bring the warmth of British Gas brand and personality to the website.

✨ This is an auto-generated AI summary of the ns-illustration's documentation. It may not be accurate. ✨

Illustrations simplify products and services to users in a friendly manner. Illustrations always accompany the content.

Examples

All available illustrations can be seen on the Illustrations section of the Assets page.

Guidance

Adding new illustrations

If you have a requirement for an additional illustration please see our step-by-step guidelines for contributing a new icon or illustration.

Implementation

Placement

Specification

Attributes

inactive
Property
inactive
Description
The toggle to display inactive state of the illustration.
Type
boolean
Options
Refer to our illustrations.
Default
false
size
Property
size
Description
The size of the illustration. The empty value of `size` will make the illustration to fill the parent element.
Type
string
Options
'' 1 2 3 4 5
Options
Refer to our illustrations.
name
Property
name
Description
The name of the illustration and needs to be in kebab case.
Type
string
Options
Refer to our illustrations.
Default
gas
category
Property
category
Type
string
Default
describe
Property
describe
Type
string
Default
type
Property
type
Type
string
Default
standard

Last updated: