Tweet Card

A simple customizable tweet card component.

NOTE: This is a starting point for the Tweet Card component. You can customize it according to your needs, we are adding more variants as you read this guide, so stay tuned for more updates.

Examples

Excited to announce a new era of clean energy innovation ⚡️🚀 #Tesla
Excited to announce a new era of clean energy innovation ⚡️🚀 #Tesla

Installation

npx shadcn@latest add "https://aurora-ui-opal.vercel.app/c/tweet-card.json"

Component Props

You can customize the content of the Tweet Card by passing the following props:

PropTypeDefaultDescription
idstring-ID of the tweet to be displayed.
componentsobject-Components to be displayed inside the tweet card.
fallbackReactElement-Fallback content to be displayed if the tweet is not found.
onErrorfunction-Callback function to be called if the tweet is not found. (Error: Error)
...propsany-Additional props to be passed to the tweet card.