v3.6.14
Discord
Source code

Blockquote

Blockquote with optional cite
Import
Source
View source code
Docs
Edit this page
Package
@mantine/core

Usage

Life is like an npm install – you never know what you are going to get.– Forrest Gump
Color
<Blockquote cite="– Forrest Gump">
  Life is like an npm install – you never know what you are going to get.
</Blockquote>

Configure icon

You can use any React node as icon by passing it to icon prop. Note that component does not control icon size and, you will need to specify it manually on icon component for better fit.

webpack built 40a9bf3d1a0a0914ed84 in 28259ms– Your poor i3 from 2012 struggling its best
<Blockquote
  cite="– Your poor i3 from 2012 struggling its best"
  icon={<FlameIcon size={20} />}
>
  webpack built caa9bf3d1a0a0914ed84 in 28259ms
</Blockquote>

To remove icon, set icon prop to null:

webpack built 40a9bf3d1a0a0914ed84 in 28259ms– Your poor i3 from 2012 struggling its best
<Blockquote cite="– Your poor i3 from 2012 struggling its best" icon={null}>
  webpack built 40a9bf3d1a0a0914ed84 in 28259ms
</Blockquote>
Go back
Tooltip – @mantine/core
Up next
Code – @mantine/core
Build fully functional accessible web applications faster than ever
Project
Contribute to MantineMedia assetsChangelogReleases
Community
Join Discord communityFollow on TwitterEmail newsletterGitHub discussions
Feedback
Your feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done good
Leave feedback
Built by Vitaly Rtishchev and these awesome people
Join Discord community
Follow Mantine on Twitter