باکس
فیلد Elements درون یک باکس در واقع یک آرایه است که شامل عناصر رابط کاربری مانند متن، دکمهها، تصاویر، ورودیها و غیره میشود. این عناصر با استفاده از سیستم ستونبندی (grid column) باکس چیده میشوند و امکان ایجاد چیدمانهای ساختاری و قابل شخصیسازی را در داخل کانتینر فراهم میکنند.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Name | String | {name} | نام داخلی کانتینر باکس را مشخص میکند. |
| Elevation | Number | 0 | میزان عمق سایه زیر باکس (مقدار بالاتر = سایه قویتر). |
| Color | Color | {color} | رنگ پسزمینه باکس. |
| Cover | URL | {cover} | تصویر پسزمینه اختیاری که پشت تمام عناصر قرار میگیرد. |
| Size | Number | 0 | ارتفاع کلی باکس را کنترل میکند (0 = ارتفاع خودکار). |
| Radius | Number | 12 | میزان گردی گوشههای باکس. |
| Margin | Number | 20 | فاصله بیرونی اطراف باکس. |
| MarginLine | Number | 10 | فاصله داخلی بین مرز باکس و محتوای داخل آن. |
| Columns | Number | 3 | تعداد ستونهای شبکه برای چیدمان عناصر داخل باکس. |
| Elements | Array |
[] | لیستی از عناصری که داخل این باکس نمایش داده میشوند. |
🔗 منابع تکمیلی
برای یادگیری نحوه ساخت همین المان با استفاده از کدنویسی JSON، مراجعه کنید به:
ساخت باکس با JSON