نمونهٔ خروجی React · Tailwind
کامپوننتReact · Tailwindرابط کاربری و وبP1900
کامپوننت متن «نمایش بیشتر» با افکت جابجایی عمودی
یک متن «نمایش بیشتر» بدون کادر که با حرکت موس به صورت عمودی جابجا میشود.
دستور نصب
npx shadcn@latest add @microkit/view-more-text-swap
چه کاری میکند
- استفاده از افکت جابجایی عمودی برای جلب توجه کاربر هنگام هاور
- طراحی بدون کادر باعث ظاهری مینیمال و شفاف در رابط کاربری میشود
- پیادهسازی ساده و آماده با دستور npx برای افزودن سریع به پروژه React + Tailwind
- کجا به کار میآید
- برای استفاده در پروژه خود، متنهای نمایش داده شده را با محتوای مرتبط با سایت یا اپلیکیشن خود تغییر دهید.
- پیشنیاز
- پروژهٔ React با Tailwind CSS (یا کپی کد از سایت سازنده)
- مناسب برای
- افزودن دکمه یا برچسب تعاملی برای نمایش محتوای بیشتر در لیستها یا کارتها
P1411
P1314
P1104
P1310
P1100