Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
Quote
Quote component displays a quotation from a person or source, e.g., a publication.
Quote Props
| Name | Use | Type | Definition |
| quote | required | string | Represents the text content of the quote. |
| avatar | optional | object | Contains information about the avatar to be displayed next to the quote. It has img, title and subtitle properties. |
| className | optional | string | Adds diffrent classes to the quote. |
Examples
Default Quote
Example of a default quote with only quote prop added.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit dolorem suscipit voluptatem! Minus obcaecati illo adipisci amet? Minus, expedita nostrum?
Quote with complete avatar
Example of a quote with complete avatar by adding avatar prop.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit dolorem suscipit voluptatem! Minus obcaecati illo adipisci amet? Minus, expedita nostrum?
John DoeSoftware Developer
Quote with avatar without image
Example of a quote with avatar without image by adding avatar without image prop.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit dolorem suscipit voluptatem! Minus obcaecati illo adipisci amet? Minus, expedita nostrum?
John DoeSoftware Developer