Skip to content

view on a desktop screen for a better experience.

quote

Quote

Someone else's sentence, with a name under it. Your own caveat is Callout.

attributed

by is the name. source is muted after it. No frame title.

A thousand barely audible voices all singing in tune.
Paul GrahamTaste for Makers

MDX

```
+----------------------------------------------------------+
|                                                          |
| “  A thousand barely audible voices all singing in tune. |
|                                                          |
| —  Paul Graham  Taste for Makers                         |
|                                                          |
+----------------------------------------------------------+
```

install

command

titled

Pass title when the quote belongs to a section.

[ PRINCIPLE ]
Good design is as little design as possible.
Dieter Rams

MDX

```
+----------------- [ PRINCIPLE ] ------------------+
|                                                  |
| “  Good design is as little design as possible.  |
|                                                  |
| —  Dieter Rams                                   |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
bystringWho said it. Drawn after an em dash.
sourcestringWhere. Muted, after the name.
titlestringOptional frame title. Off by default.
childrenReactNodeMarkdown. The quote itself.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.