Skip to content
GU - Design System

Quote

Figma logo Figma
⏳ To do
book icon Guidelines
🛠 In progress
desktop icon Web
🔭 Alpha
phone icon Mobile
🔭 Alpha

A quote component is used to display quoted text, often highlighting a statement or excerpt from an individual. It typically includes the quoted text and attribution to the author, providing context and credibility.

Quote components are commonly used in articles, testimonials, and documentation to emphasize important points or share user feedback.

They enhance readability and engagement by visually distinguishing quoted content from the rest of the text, making it stand out to the reader.

Guidelines

Correct / Incorrect

Takeaways

Features

Usage

Implementation

Design is not just what it looks like and feels like. Design is how it works.
John Doe
 
<script lang="ts">
  import { Quote, UserType } from '@behavy/glowup-design-system';


  let user: UserType = new UserType({ first_name: 'John', last_name: 'Doe' });
</script>


<Quote {user}>Design is not just what it looks like and feels like. Design is how it works.</Quote>

Properties

StatusNameTypeDefaultRequiredDescription
🔭userUserType✅Author of the quote

Examples

Alternative

No alternative.