Чекбокс

Boolean, бір мән және бірнеше мән таңдауға арналған дөңгелек Alixan UI чекбоксы.

Орнату

npx alixan-ui-nuxt add checkbox

Қолдану

Accept terms

7 d

30 d

SMS

<script setup lang="ts">
const accepted = ref(false)
const selectedPeriod = ref('7d')
const selectedOptions = ref(['email'])
</script>

<template>
  <Checkbox v-model="accepted" label="Accept terms" />

  <Checkbox v-model="selectedPeriod" value="7d" label="7 d" />
  <Checkbox v-model="selectedPeriod" value="30d" label="30 d" />

  <Checkbox v-model="selectedOptions" mode="multiple" value="email" label="Email" />
  <Checkbox v-model="selectedOptions" mode="multiple" value="sms" label="SMS" />
</template>

API анықтамасы

Қасиет	Түрі	Әдепкі	Сипаттама
modelValue	boolean \| string \| number \| Array<string \| number> \| null	false	v-model арқылы қолданылатын таңдалған күй.
mode	'single' \| 'multiple'	'single'	Single boolean немесе бір мән сақтайды. Multiple массив сақтайды.
value	string \| number	-	Single value режимі немесе multiple array режимі үшін мән.
label	string	-	Дөңгелек control жанындағы қосымша label.
disabled	boolean	false	Checkbox-пен әрекеттесуді өшіреді.