Blockquote
Blockquote with optional cite
Import
Source
Docs
Package
Usage
Life is like an npm install – you never know what you are going to get.– Forrest Gump
Color
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
To remove icon, set icon
prop to null:
webpack built 40a9bf3d1a0a0914ed84 in 28259ms– Your poor i3 from 2012 struggling its best
Blockquote component props
Name | Type | Description |
---|---|---|
cite | ReactNode | Describe a reference to a cited quote |
color | MantineColor | Icon color from theme |
icon | ReactNode | Icon, defaults to quote icon |
Blockquote component Styles API
Name | Static selector | Description |
---|---|---|
root | .mantine-Blockquote-root | Root element |
inner | .mantine-Blockquote-inner | Blockquote inner flex container, contains children, icon and cite |
body | .mantine-Blockquote-body | Contains blockquote content |
icon | .mantine-Blockquote-icon | Icon wrapper |
cite | .mantine-Blockquote-cite | Cite element |