安装
使用
使用 RSC(Next.js 13)在服务器端渲染
import { TweetCard } from "@/components/magicui/tweet-card";
export default async function App() {
return <TweetCard id="1441032681968212480" />;
}
在客户端渲染
"use client";
import { ClientTweetCard } from "@/components/magicui/client-tweet-card";
export default function App() {
return <ClientTweetCard id="1441032681968212480" />;
}
示例
带图片轮播的推文卡片
带元数据 URL 预览的推文卡片
属性
ClientTweetCard
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
id | string | - | 要显示的推文 ID。 |
TweetCard
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
id | string | - | 要显示的推文 ID。 |
鸣谢
此组件基于 React Tweet 构建。