tds.tokapps.com/patterns/profile-card
ProfileCard
Profilesسربرگ پروفایل کاربر با آواتار، هویت تأییدشده، معرفی، آمار و دکمه‌های دنبال‌کردن/ویرایش؛ ترکیب Avatar، Badge و Button.
import { ProfileCard } from '@tokapps/patterns'- RTL
- تیره
- کنتراست بالا
- موبایل
- صفحه‌خوان
- حرکت
- چاپ
پیش‌نمایش زنده
علی رضاییتأییدشده
@ali.rezaeiطراح محصولطراح محصول؛ علاقه‌مند به ابزارهای آموزشی و تجربهٔ کاربری فارسی.
- ایده‌ها
- ۱۲
- دنبال‌کننده
- ۱٫۴ هزار
- دنبال‌شونده
- ۸۶
عضو از مهر ۱۴۰۳
سارا احمدی
@sara.ahmadiمهندس فرانتاندمهندس فرانت‌اند و نگه‌دارندهٔ سامانهٔ طراحی.
- ایده‌ها
- ۴
- دنبال‌کننده
- ۲۱۰
عضو از بهمن ۱۴۰۲
مهمان
@guestچه وقت
- صفحهٔ پروفایل عمومی یا خصوصی کاربر در هر محصول
- کارت کاربر کنار ایده، پروژه یا نظر برای دیدن معرفی سریع
چه وقت نه
- فهرست بلند کاربران با جستجو (از DataTable یا فهرست ساده استفاده کنید)
- فقط نمایش آواتار و نام کوچک در یک خط (Avatar کافی است)
جایگزین‌ها
- Avatar: فقط تصویر یا حروف اول کاربر در یک خط
- Card: کارت عمومی بدون ساختار پروفایل
حالت‌ها
defaultfollowingownverifiedminimal
پراپ‌ها
| prop | type |
|---|---|
| profile | ProfileData |
| headingLevel | h2 | h3 | h4 |
| isOwn | boolean? |
| onEdit | () => void? |
| following | boolean? |
| onFollowToggle | (next: boolean) => void? |