ربات رسا
نمونهٔ خروجی React · Tailwind
کامپوننتReact · Tailwindرابط کاربری و وبP1760
دکمه‌های آیکون شبکه‌های اجتماعی دایره‌ای
دکمه‌هایی که هنگام هاور آیکون را به فلش رنگ برند تبدیل می‌کنند و نورانی می‌شوند.
دستور نصب
npx shadcn@latest add @microkit/social-icon-buttons
چه کاری می‌کند
- استفاده از دایره برای دکمه‌ها جلوه‌ای متمرکز و مدرن می‌دهد.
- تغییر آیکون به فلش رنگ برند تعامل کاربر را جذاب‌تر می‌کند.
- افکت نورانی روی هاور توجه کاربر را جلب می‌کند و تجربه کاربری را بهبود می‌بخشد.
- کجا به کار می‌آید
- برای استفاده در برند خود رنگ فلش و آیکون‌ها را مطابق هویت بصری تغییر دهید.
- پیش‌نیاز
- پروژهٔ React با Tailwind CSS (یا کپی کد از سایت سازنده)
- مناسب برای
- افزودن دکمه‌های شبکه اجتماعی جذاب و تعاملی در وب‌سایت یا اپلیکیشن React
P1411
P1314
P1104
P1310
P1100