Docs / Components / Tweet Card
Tweet Card
A customizable Twitter tweet card component that exactly mimics the UI of a real tweet.
Aditya
@adityas1204
Rankflow UI is a collection of premium UI components for react and Nextjs
Dependencies
Install the following dependencies to use this component:
1npm install react-icons clsx tailwind-merge
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add tweet-card
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| authorName | string | - | The author's display name. |
| authorUsername | string | - | The author's username starting with @. |
| authorAvatar | string | - | The URL to the author's avatar image. |
| verified | boolean | true | Whether the author is verified. |
| content | ReactNode | - | The text content of the tweet. |
| className | string | '' | Additional CSS classes. |