ns-testimonial
#
IntroductionThe
ns-testimonial
component is used to display all the lovely things that people say about us.
The testimonial should be used as an enticement to buy British Gas products and services. It works by providing the customer with confidence.
#
Content guidanceKey | Field type | Guidelines |
---|---|---|
A | Quote | Verbatim comment by the author. This should be positive and giving confidence to others. Avoid sarcastic comments. |
B | Author (name/handle) | The name or handle of the author that provided the quote. Consider if it is suitable - some pseudo names may be inappropriate. |
C | Medium | The name of the platform that the author originally used to leave their message eg. twitter. (Also see citeUrl below). |
#
Best practice๐ Do's | ๐ Don'ts |
---|---|
Use a single sentence | Use multiple paragraphs |
Use <b> to highlight key phrases | Link to a live twitter handle |
Use positive feedback | Include anything negative, rude or which may be misconstrued |
Use multiple quotes in a row | Include any personal information beyond first name or twitter handle |
#
Considerations of best practiceUse within ns-column
to display the desired layout of multiple testimonials.
#
Usage#
Component placementThe ns-testimonial component can only be used in the ns-column component.
#
SpecificationAttribute | Property | Type | Default | Options | Description |
---|---|---|---|---|---|
cite-url | citeUrl | string | This attribute should point to information explaining the context or the reference for the quote. | ||
author | author | string | The name or handle of the author that provided the quote. | ||
medium | medium | string | The name of the platform that the author used to leave their message eg. twitter. |
Slots | Type |
---|---|
quote | p tag |
#
Feedback- Do you have insights or concerns to share? You can raise an issue via Github bugs.
- See all the issues already raised via Github issues.
๐ฉ ๐ ๐ฆ If you have any questions, contact us on Microsoft Teams in the Nucleus Design System channels.