پرش به محتویات

دکمه (Button)

المان Button دکمه‌های قابل کلیک با استایل، اندازه و آیکون اختیاری می‌سازد.

تنظیمات

  • Text (text) - برچسب متن دکمه. پیش‌فرض: «I am a button».

  • HTML tag (text) - تگ HTML دکمه. پیش‌فرض: span. با افزودن لینک به‌صورت خودکار به a تغییر می‌کند.

  • Size (select) - اندازه از پیش‌تعریف‌شده دکمه. گزینه‌ها بر اساس theme styles (مثلاً sm، md، lg). پیش‌فرض: Default size.

  • Style (select) - اعمال استایل رنگ از theme styles (مثلاً primary، secondary، success، danger). پیش‌فرض: primary.

  • Circle (checkbox) - دکمه دایره‌ای (معمولاً برای دکمه فقط با آیکون).

  • Outline (checkbox) - استایل outline به‌جای پس‌زمینه پر.

  • Link type (link) - رفتار لینک، URL و attributeها.

Icon

  • Icon (icon) - افزودن آیکون از کتابخانه آیکون.

  • Typography (typography) - استایل آیکون. فقط وقتی آیکون انتخاب شده باشد.

  • Position (select) - جای آیکون نسبت به متن. گزینه‌ها: left، right. پیش‌فرض: right.

  • Gap (number with units) - فاصله بین آیکون و متن.

  • Space between (checkbox) - توزیع فضا بین آیکون و متن تا در دو طرف دکمه قرار گیرند.

مرجع توسعه‌دهنده

برای JSON schema کامل تنظیمات و کنترل‌ها به Button Schema مراجعه کنید.