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