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

Tabs (nestable)

المان Nestable Tabs امکان ایجاد محتوای tabbed با nesting drag-and-drop در سازنده را فراهم می‌کند.

تنظیمات

  • Direction (direction) — جهت چیدمان tab‌ها. خاصیت CSS flex-direction را کنترل می‌کند. برای باز کردن یک tab از طریق anchor link، «ID» را روی «Div» منوی tab تنظیم کنید (بدون فاصله، بدون علامت #).

  • Open tab on (select) — تریگر برای باز کردن tab‌ها. گزینه‌ها: click، hover. پیش‌فرض: click.

  • Open tab index (text) — ایندکس tab برای باز شدن هنگام بارگذاری صفحه، از 0 شروع می‌شود. پیش‌فرض: 0.

عنوان (Title)

  • Width (number with units) — عرض عناوین tab. پیش‌فرض: auto.

  • Margin (spacing) — margin دور عناوین tab.

  • Padding (spacing) — padding داخل عناوین tab. پیش‌فرض: 20px (بالا، راست، پایین، چپ).

  • Background (color) — رنگ پس‌زمینه عناوین tab.

  • Border (border) — استایل border برای عناوین tab.

  • Typography (typography) — استایل فونت برای عناوین tab.

فعال (Active)

  • Background color (color) — رنگ پس‌زمینه عناوین tab فعال. پیش‌فرض: #dddedf.

  • Border (border) — استایل border برای عناوین tab فعال.

  • Typography (typography) — استایل فونت برای عناوین tab فعال.

محتوا (Content)

  • Margin (spacing) — margin دور محتوای tab.

  • Padding (spacing) — padding داخل محتوای tab. پیش‌فرض: 20px (بالا، راست، پایین، چپ).

  • Text color (color) — رنگ متن محتوای tab.

  • Background color (color) — رنگ پس‌زمینه محتوای tab.

  • Border (border) — استایل border برای محتوای tab. پیش‌فرض: 1px solid (همه طرف‌ها).

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

JSON schema کامل: tabs-nested Schema