Blockquote
Updated on August 22, 2024
BaleadaProseBlockquote is a dream come true for all you Twitter fiends out there! It comes with a full-featured tweet button that supports custom hashtags, shortened URLs, and mentions.
Example
Markdown
::: canTweet tweetHashtags=[twitterfiends,memers,okboomer,NeverTrump] tweetVia="BaleadaToolkit" tweetUrl="current"
> Baleada Prose Blockquotes are a dream come true for all you Twitter fiends out there!
:::
Rendered
Baleada Prose Blockquotes are a dream come true for all you Twitter fiends out there!
Props
Prop
Type
Required
Default
Description
canTweetBoolean
no
falseIndicates whether or not the tweet button should render.
tweetTextString
no
Your
blockquote's text contentCustom text for your tweet, in case you want to override the default.
tweetHashtagsArray
no
[]Hashtags (Strings) that will be appended to the tweet text. Omit the
# in your hashtags.tweetViaString
no
none
A Twitter handle that will be mentioned in the tweet. Omit the
@ from the Twitter handle.tweetUrlString
no
none
A URL that Twitter should shorten and append to the tweet.
You can also pass the keyword current to make BaleadaProseBlockquote use the URL of the page your blockquote is on.
classesString
no
none
Adds additional classes to the component's root element.
Structure
Here's the structure of BaleadaProseBlockquote's markup, written in Pug for simplicity:
section.baleada-prose-blockquote
section.baleada-prose-contents
slot // Your blockquote slots in here
a
svg // Twitter icon
API design compliance
[WIP]
