Skip to content

مفتاح Switch ​

مرسوم عبر view على طرف البرنامج المصغر

أنماط مكوّن switch الأصلي غير قابلة للتحكم في البرنامج المصغر، لذا يُرسَم المزلج عبر view لضمان التوافق البصري.

الاستخدام الأساسي ​

vue
<template>
  <lh-switch v-model="on" />
  <lh-switch v-model="on" active-text="تشغيل" inactive-text="إيقاف" />
  <lh-switch v-model="on" loading />
  <lh-switch v-model="on" disabled />
</template>

<script setup lang="ts">
import { ref } from 'vue'
const on = ref(true)
</script>

Props ​

الخاصيةالوصفالنوعالافتراضي
modelValue (v-model)مفعّل أم لاbooleanfalse
disabledمعطّلbooleanfalse
loadingجارٍ التحميلbooleanfalse
namename الأصليstring—
sizeالحجم'small' | 'medium' | 'large'—
activeTextنص التفعيلstring—
inactiveTextنص الإيقافstring—
customClassصنف مخصّصstring—
sxخصائص تخطيط سريعةLhSxProps—

Events ​

الحدثالوصفمعامل الاستدعاء
update:modelValueتغيّر القيمة(value: boolean)
changeتغيّر القيمة(value: boolean)