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
''12345- 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: