ورودی‌هاButton

دکمه

دکمه‌های تعاملی برای انجام عملیات مختلف

پیش‌فرض

دکمه استاندارد با استایل اصلی

<Button>عنوان دکمه</Button>
<Button variant="secondary">ثانویه</Button>
<Button variant="outline">خط‌دار</Button>

نصب دستی

وابستگی‌ها

برای استفاده از Button، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-slot class-variance-authority

کد زیر را می‌توانید در پروژه خود کپی کنید تا Button را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

انواع دکمه

تمام حالت‌های موجود برای دکمه

اندازه‌ها

دکمه‌ها در اندازه‌های مختلف

با آیکون

دکمه‌ها همراه با آیکون - توجه به استفاده از ms-2 برای RTL

در حال بارگذاری

وضعیت بارگذاری دکمه

فقط آیکون

دکمه‌های آیکونی