تنبيه Alert

شريط تنبيه دلالي ثابت. أربعة أنواع، وأيقونة، وأسلوب بسيط (plain)، وإمكانية الإغلاق.

تنبيه

<template>
  <div class="demo-col" style="max-width: 520px; gap: 12px">
    <LhAlert type="info" title="إعلان المجموعة" show-icon>صدرت النسخة الرقمية عالية الدقة من لوحة رحلة في الجبال والوديان، ندعوكم لمشاهدتها.</LhAlert>
    <LhAlert type="success" title="اكتمل التجميع" show-icon closable>اكتملت أرشفة 120 لوحة عالية الدقة من سلالة سونغ.</LhAlert>
    <LhAlert type="warning" title="انحراف لوني" show-icon plain closable>هناك 3 قيم لونية منحرفة عن المرجع، يُستحسن المراجعة.</LhAlert>
    <LhAlert type="danger" :title="titleText" closable :close-label="closeLabel">
      بدون أيقونة + اسم إمكانية وصول مخصص لزر الإغلاق.
    </LhAlert>
    <LhAlert type="info" plain>نص صرف بأسلوب بسيط (plain)، بدون عنوان.</LhAlert>
  </div>
</template>

<script>
export default {
  data: () => ({
    titleText: 'رفض المراجعة',
    closeLabel: 'إغلاق هذا التنبيه',
  }),
}
</script>

Props

خاصية	الوصف	النوع	الافتراضي
type	النوع الدلالي	'info' \| 'success' \| 'warning' \| 'danger'	'info'
title	العنوان (يمكن أيضا استخدام فتحة title)	string	—
closable	هل يمكن الإغلاق	boolean	false
showIcon	هل تُعرض أيقونة دلالية	boolean	false
plain	هل يُستخدم الأسلوب الفاتح البسيط	boolean	false
closeLabel	اسم إمكانية الوصول لزر الإغلاق (عند عدم تمريره يُؤخذ من حزمة اللغة alert.close)	string	—
sx	خصائص التخطيط السريع sx	—	—

Slots

فتحة	الوصف
title	منطقة العنوان (تأخذ افتراضيًا قيمة title)
default	الوصف الأساسي