Blockquote

Blockquote is used to display citations or quoted text, usually styled distinctively (e.g., with indents or italics) to differentiate the quoted content.

Basic

Sizes

Quote component in various sizes for different typography needs.

Layout And Alignment

Quote component with adjustable layout and alignment for different styles.

With Icons

Quote component with icons.

With User Profile

Quote component with user avatar for testimonials or reviews.

With Left Border

Quote component with left border for added dimension.

Animation

Slide And Fade Enter Animation

Quote component with slide and fade enter animation for visual fluidity.

Code snippet not found, please check if the component name is correct

Scale Text To Center Animation

Quote animation with text scaling to center for emphasized content.

Code snippet not found, please check if the component name is correct

Scale Text After Container Slide

Text scaling animation after container slide for dynamic effect.

Code snippet not found, please check if the component name is correct

Scene

In Card

Quote component for use in cards, compatible with other card elements.

Code snippet not found, please check if the component name is correct

In Carousel

Quote component for carousels, suitable for displaying multiple quotes.

Code snippet not found, please check if the component name is correct

In Testimonial

Quote component for testimonials, enhancing credibility.

Code snippet not found, please check if the component name is correct