REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

Components

Data Display

Blockquote

A styled quotation block with a left border accent.

Example

Preview

Code

Props

Blockquote Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes to apply to the blockquote container.

Usage Guidelines

When to use

Use Blockquote to highlight quoted text, testimonials, or callout content.

Best practices

•

Use Blockquote for attributed quotes and testimonials.

•

Pair with Text components for the quote content and attribution.

•

Keep blockquote content concise for better visual impact.

Accessibility

Blockquote is rendered with appropriate semantic meaning. Screen readers will announce it as quoted content.

Related Components

Text

A typographic component for rendering text with built-in size, weight, and decoration variants.

Code / CodeBlock

Displays inline code snippets or multi-line code blocks.

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License