tds.tokapps.com/patterns/product-card
ProductCard
ProductDiscoveryکارت معرفی محصول به سبک Product Hunt: رتبه، لوگو، عنوان، توضیح، رأی‌گیری و برچسب‌ها؛ ترکیب Card و Badge.
import { ProductCard } from '@tokapps/patterns'- RTL
- تیره
- کنتراست بالا
- موبایل
- صفحه‌خوان
- حرکت
- چاپ
پیش‌نمایش زنده
ابزارتجارت الکترونیک
۱
هوش مصنوعیمحتوا
۲
پاد هوش مصنوعی
تولید پادکست فارسی با صدای طبیعی.
چه وقت
- لیدربورد روزانه/هفتگی محصولات توکاپس
- نتایج جست‌وجو محصولات
- ویجت «محصول برتر»
چه وقت نه
- صفحهٔ کامل محصول
- کمپین سرمایه‌گذاری (CampaignCard)
- ایده (IdeaCard)
جایگزین‌ها
- CampaignCard: کمپین سرمایه‌گذاری
- IdeaCard: ثبت ایده
- Card: سطح عمومی
حالت‌ها
defaultvotedhoverfocus-visible
پراپ‌ها
| prop | type |
|---|---|
| title | string |
| tagline | string? |
| href | string |
| logo | string? (URL تصویر) |
| voteCount | number |
| voted | boolean? |
| onVote | () => void |
| rank | number? |
| tags | string[]? |
| commentCount | number? |
| period | string? |
| headingLevel | h2 | h3 | h4 |
| size | sm | md | lg |