لوبي
كل ما لا يغطيه دليل الأنماط: المكوّنات الغنية بالبيانات ومكوّنات التجارة، وأجزاء الهيكل العام، وحقول إضافية، ومجموعة الأيقونات كاملة.
<x-ui.data-table :columns :rows selectable sticky search-placeholder empty-title empty-description />
— مكوّن القوائم الأساسي في كل شاشات الإدارة والبائع.
| المنتج | المتجر | إجراءات | |||
|---|---|---|---|---|---|
| حقيبة يد من الجلد الطبيعي | أتيليه نور | 189.00 $ | غير متوفر | ||
| إثيوبيا غوجي — مغسول، ٢٥٠ غرام | بيت القهوة | 22.00 $ | متوفر | ||
| سماعات أوربت بعزل الضوضاء | أوربت للإلكترونيات | 129.00 $ | متوفر | ||
| طقم عشاء خزفي، ١٢ قطعة | زهرة للمنزل | 145.00 $ | متوفر | ||
| حقيبة ظهر أطلس تريل ٤٠ لتر | أطلس للرحلات | 99.00 $ | غير متوفر | ||
| لا توجد نتائج | |||||
| المنتج | المتجر | إجراءات | ||
|---|---|---|---|---|
| حقيبة يد من الجلد الطبيعي | أتيليه نور | 189.00 $ | غير متوفر | |
| إثيوبيا غوجي — مغسول، ٢٥٠ غرام | بيت القهوة | 22.00 $ | متوفر | |
| سماعات أوربت بعزل الضوضاء | أوربت للإلكترونيات | 129.00 $ | متوفر | |
| طقم عشاء خزفي، ١٢ قطعة | زهرة للمنزل | 145.00 $ | متوفر | |
| حقيبة ظهر أطلس تريل ٤٠ لتر | أطلس للرحلات | 99.00 $ | غير متوفر | |
| لا توجد نتائج | ||||
يُعرض تلقائيًا — عنصر x-ui.empty-state — عند خلو rows.
<x-ui.table sticky striped><x-slot:head>…</x-slot:head>…rows…</x-ui.table>
— ترميز خام لصف مجاميع أو خلايا حرة لا يعبّر عنها data-table.
| الشهر | الصافي |
|---|---|
| Jun 2026 | 6,626.95 $ |
| Jul 2026 | 7,879.12 $ |
| Aug 2026 | 6,597.06 $ |
| صف |
|---|
| صف 1 |
| صف 2 |
| صف 3 |
| صف 4 |
| صف 5 |
| صف 6 |
| صف 7 |
| صف 8 |
<x-ui.filter-panel :groups />
— مجموعة لكل نوع: مربعات اختيار، مدى، تقييم، عيّنات ألوان، رقائق.
<x-ui.image-gallery :images :seed />
<x-ui.cart-line-item :item />
يباع بواسطة أتيليه نور
اللون: بني محمر
<x-ui.order-summary :subtotal :shipping :tax :discount :total />
الشحن حسب المتجر
<x-ui.color-swatch :colors /> · <x-ui.size-selector :sizes />
<x-ui.stock-pill :quantity :low-threshold />
<x-ui.review-card :review />
منى رشيد
عملية شراء موثقةاستخدمتها في رحلة طيران استمرت ٦ ساعات وبالكاد سمعت صوت المحركات. البطارية تكفي بسهولة لأسبوع عمل كامل.
أوربت للإلكترونيات يوليو 3, 2026
شكرًا لك يا منى! يسعدنا أن ميزة عزل الضوضاء أثبتت جدارتها في رحلة طويلة.
طارق سليم
عملية شراء موثقةجودة الصوت والراحة ممتازتان. تطبيق الجوال المرافق بطيء أحيانًا في الاتصال.
<x-ui.timeline :items />
تم استلام الطلب
Sep 1, 2026
تم الشحن
Sep 3, 2026
التسليم
<x-ui.description-list :items :columns />
<x-ui.stepper :steps :current />
الأجزاء التي تُبنى منها كل لوحة تحكم (البائع، الإدارة).
<x-ui.sidebar :items> · <x-ui.sidebar-item :href :icon :active>
<x-ui.panel-topbar state>
<x-ui.back-link :href>
رجوع
<x-ui.page-header :title :subtitle>
يُصدر عنصر <h1> داخليًا، لذا يظهر أدناه كمحاكاة (نفس الترميز، بعنصر <p> بدلًا منه) لا كاستدعاء فعلي — هذه الصفحة لديها بالفعل <h1> خاص بها أعلاه.
عنوان صفحة تجريبي
وصف من سطر واحد للغرض من هذه الشاشة.
<x-ui.combobox :options :value :label />
لا توجد نتائج
<x-ui.file-upload :label :hint :accept :multiple />
<x-ui.range :min :max :value />
<x-ui.range :value-min :value-max :currency />
<x-ui.tag removable variant :value>
<x-ui.tooltip text position>
<x-ui.popover :title :align :width>
لوحة صغيرة مرتبطة بعنصر التشغيل، مفيدة لمساعدة سياقية قصيرة.
<x-ui.confirm-dialog :state :title :description :variant>
<x-ui.thumb :seed ratio :label :icon />
— صور بديلة مولّدة، بلون ثابت لكل seed.
square
portrait
landscape
wide
banner
كل اسم معرّف في icon.blade.php. مرّر أحدها إلى الخاصية name في x-ui.icon — أي اسم غير معروف يرجع صامتًا إلى "info"، لذا اختر دائمًا من هذه القائمة.