زر Button

زر العمليات الأساسي. تشكيلة كاملة من الأشكال عبر type/size/plain/block/round/circle/loading، مع دعم التصيير كرابط <a>.

أشكال الأزرار

<template>
  <div class="demo-col">
    <div class="demo-row">
      <LhButton>زر افتراضي</LhButton>
      <LhButton type="primary">زر رئيسي</LhButton>
      <LhButton type="success">نجاح</LhButton>
      <LhButton type="warning">تحذير</LhButton>
      <LhButton type="danger">خطر</LhButton>
    </div>
    <div class="demo-row">
      <LhButton type="primary" plain>زر بسيط</LhButton>
      <LhButton type="primary" round>زر بزوايا مدوّرة</LhButton>
      <LhButton type="primary" circle icon="lh-icon-search" />
      <LhButton type="primary" loading>تحميل</LhButton>
      <LhButton type="primary" disabled>معطّل</LhButton>
    </div>
    <div class="demo-row">
      <LhButton size="small">صغير</LhButton>
      <LhButton size="medium">الحجم الافتراضي</LhButton>
      <LhButton size="large">كبير</LhButton>
      <LhButton type="primary" block style="max-width: 200px">على كامل العرض (block)</LhButton>
    </div>
    <div class="demo-row">
      <LhButton icon="lh-icon-search">زر بأيقونة</LhButton>
      <LhButton native-type="submit" type="primary"> type=submit أصلي</LhButton>
      <LhButton href="https://lh-ui.lhgb.top" target="_blank">زر كرابط (href)</LhButton>
    </div>
  </div>
</template>

Props

خاصية	الوصف	النوع	الافتراضي
type	نوع الزر	'default' \| 'primary' وغيرها (LH_BUTTON_TYPE_CONST)	'default'
size	الحجم؛ عند عدم تمريره يُورَث من ConfigProvider	'small' \| 'medium' \| 'large'	—
loading	حالة التحميل (تعطيل النقر + spinner)	boolean	false
disabled	معطّل	boolean	false
plain / block / round / circle	معدّلات الشكل	boolean	false
icon	اسم فئة الأيقونة المدمجة	string	''
nativeType	type الأصلي	'button' \| 'submit' \| 'reset'	'button'
href / target	تمرير href يجعل الزر يُصيَّر كـ <a>	string	'' / '_self'
themeVars / bgPattern / sx	تجاوزات السمة (انظر فصل السمات)	—	—

Events

حدث	الوصف	معامل الاستدعاء
click	لا يمكن النقر عليه في حالتي loading/disabled	(e: MouseEvent)

Slots

فتحة	الوصف
default	نص الزر
icon	تخصيص الأيقونة (تلغي <i> الافتراضية)