Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProSelect a sentence in the article (or press a paragraph's button) and turn it into a pull quote through a small popover.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it in an article editor so the writer can lift a line into a pull quote without copying and pasting.
Do not use it when: the layout has no room for pull quotes (narrow columns, mobile-only views).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
paragraphs | string[] | required | The article text. |
onPick | (quote: string) => void | - | Called with the chosen text. |
Mouse selection opens a popover with one button; keyboard users have a labelled "Quote this" button per paragraph that takes the first sentence, so nothing depends on text selection. The result is a figure with a blockquote.
The pattern ships with a test (pull-quote-selector.test.tsx). It covers the keyboard path and the rendered quote.