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

Search

فرم جستجو با فیلد input و دکمه submit، یا یک آیکون که overlay جستجو را باز می‌کند نمایش می‌دهد.

تنظیمات

  • Type (select) — بین Input یا Icon & Overlay انتخاب کنید. پیش‌فرض: Input.
  • aria-label (text) — برچسب دسترسی‌پذیری برای نوع overlay. برای overlay الزامی‌است.
  • Action URL (text) — URL ارسال فرم جستجو. پیش‌فرض: URL صفحه اصلی.
  • Additional parameters (repeater) — فیلدهای hidden input اضافه‌شده به فرم جستجو.

Input

  • Height (number) — ارتفاع فیلد input.
  • Width (number) — عرض فیلد input.
  • Placeholder (text) — متن placeholder. پیش‌فرض: «Search ...».
  • Placeholder color (color) — رنگ متن placeholder.
  • Background color (color) — رنگ پس‌زمینه input.
  • Border (border) — تنظیمات border input.
  • Box shadow (box-shadow) — سایه input.
  • Typography (typography) — typography متن input.
  • Show label (checkbox) — برچسب بالای input را نمایش دهید. پیش‌فرض: غیرفعال.
  • Label text (text) — متن برچسب input.
  • Label typography (typography) — typography برچسب input.

دکمه / آیکون (Button / Icon)

  • aria-label (text) — برچسب دسترسی‌پذیری برای دکمه.
  • Text (text) — متن دکمه.
  • Icon (icon) — آیکون دکمه.
  • Padding (spacing) — padding دکمه.
  • Height (number) — ارتفاع دکمه.
  • Width (number) — عرض دکمه.
  • Background color (color) — رنگ پس‌زمینه دکمه.
  • Border (border) — تنظیمات border دکمه.
  • Box shadow (box-shadow) — سایه دکمه.
  • Typography (typography) — typography متن دکمه.

Overlay

  • Direction (Form) (direction) — جهت flex فرم overlay.
  • Gap (number) — فاصله بین المان‌های فرم.
  • Title (text) — عنوان overlay. پیش‌فرض: «Search site».
  • Title tag (text) — تگ HTML برای عنوان. پیش‌فرض: h4.
  • Title typography (typography) — typography عنوان overlay.
  • Background (background) — پس‌زمینه overlay.
  • Background: Overlay (color) — رنگ پوشش پس‌زمینه overlay.
  • Button: Width (number) — عرض دکمه overlay.
  • Button: Padding (spacing) — padding دکمه overlay.
  • Button: Background color (color) — رنگ پس‌زمینه دکمه overlay.
  • Button: Border (border) — border دکمه overlay.
  • Button: Typography (typography) — typography دکمه overlay.

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

برای JSON schema کامل به Search Schema مراجعه کنید.