Data Row

کامپوننت x-data-row برای نمایش یک ردیف داده‌ای ساختاریافته با قابلیت نمایش عنوان، پیشوند، پسوند، زیرعنوان، نشان (badge)، اکشن‌ها و شخصی‌سازی کلاس‌ها در صفحات Blade استفاده می‌شود. این کامپوننت برای نمایش اطلاعات خلاصه، ویژگی‌های یک آیتم، مشخصات کاربر یا هر نوع داده‌ای که نیاز به نمایش خطی و ساختارمند دارد، مناسب است و قابلیت شخصی‌سازی بالایی دارد.

---

ویژگی‌ها

• نمایش عنوان اصلی (title) با قابلیت افزودن کلاس سفارشی
• نمایش پیشوند (prefix) و پسوند (titleSuffix) برای عنوان با کلاس‌های مجزا
• نمایش زیرعنوان (subtitle) با کلاس سفارشی
• نمایش نشان (badge) با تنظیمات کامل: متن، اندازه، واریانت، ظاهر، آیکن و موقعیت آیکن
• نمایش اکشن‌ها (actions) با کلاس سفارشی
• شخصی‌سازی کلاس بخش‌های مختلف ردیف (title, prefix, suffix, subtitle, badge, actions, content)
• پشتیبانی از اسلات برای محتوای سفارشی
• کاملاً واکنش‌گرا و قابل استفاده در لیست‌ها و جداول

---

ورودی‌های کامپوننت

نام پراپ	نوع داده	مقدار پیش‌فرض	توضیحات
id	string	null	آیدی یکتا برای ردیف
title	string	null	عنوان اصلی ردیف
class	string	null	کلاس CSS اضافی برای ظرف اصلی ردیف
titleClass	string	null	کلاس CSS اضافی برای عنوان
prefix	string	null	پیشوند قبل از عنوان (مثلاً آیکن یا متن)
prefixClass	string	null	کلاس CSS اضافی برای پیشوند
titleSuffix	string	null	پسوند بعد از عنوان (مثلاً وضعیت یا مقدار)
titleSuffixClass	string	null	کلاس CSS اضافی برای پسوند عنوان
subtitle	string	null	زیرعنوان یا توضیح کوتاه زیر عنوان
subtitleClass	string	null	کلاس CSS اضافی برای زیرعنوان
badge	string	null	مقدار نشان (badge) برای نمایش کنار عنوان
badgeSize	string	'xs'	اندازه نشان (xs, sm, md, ...)
badgeVariant	string	'primary'	واریانت رنگ نشان (primary, success, danger, ...)
badgeAppearance	string	'solid'	ظاهر نشان (solid, light, outline, ...)
badgeIcon	string	null	کلاس آیکن FontAwesome برای نشان
badgeIconPosition	string	'left'	موقعیت آیکن نشان (left یا right)
actions	string	null	اکشن‌ها (مثلاً دکمه یا منو)
actionsClass	string	null	کلاس CSS اضافی برای بخش اکشن‌ها
contentClass	string	null	کلاس CSS اضافی برای محتوای اصلی ردیف

---

مثال‌ها

نمونه پایه

<x-data-row
    title="اطلاعیه شماره 1"
    titleClass="d-flex justify-content-between w-100 align-items-center"
    titleSuffix="21 آبان , 14:00"
>
    
    <x-slot name="subtitle">
        <div class="text-gray-600">
            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت
        </div>
    </x-slot>
    
    <div class="d-flex justify-content-between align-items-center">
        <span>کارشناس استان</span>
        <x-link href="#" variant="primary" decoration="underline"> مشاهده بیشتر </x-link>
    </div>
    
</x-data-row>