Atelier UI

搜索组件…

搜索组件…

Profile Card

个人资料卡:渐变封面、头像、认证标记、标签、统计与关注按钮。

在沙盒中编辑

复制一段给 AI 编程工具的提示词,包含源码、依赖和用法

属性

ProfileCardProps

同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "onChange">

属性类型默认值说明
name* 必填string——
handle* 必填string——
biostring——
locationstring——
verifiedbooleanfalse—
tagsstring[][]—
statsProfileStat[][]—
coverstring"linear-gradient(135deg, #6366f1, #ec4899 55%, #f59e0b)"CSS gradient for the cover
defaultFollowingbooleanfalse—
onFollowChange(following: boolean) => void——

安装

$ npx shadcn@latest add https://chromotion.dev/r/profile-card.json

同类组件