1. Components
  2. Blockquote

Components

Tailwind CSS Blockquote

Implement and style Tailwind CSS Blockquote component to emphasise quoted or cited content. Widely used in articles, blog posts and testimonials.

Basic usage

Example

A basic form of a blockquote.

Theme:

Sizes

Small

Theme:

Medium

Theme:

Large

Theme:

Alignment

Use text utilities as needed to change the alignment of your blockquote.

Theme:

Right aligned.

Theme:

Naming a source

Identify the work.

Theme:

With avatar

Naming a source with avatar.

Theme:

Left bordered

A blockquote option with border on the left side.

Theme: