UICheckboxItem

UICheckboxItem

Enhanced checkbox component with icon and content slots.

<template>
  <UICheckboxItem
    v-model:value="value"
    :disabled="disabled"
  >
    <template #icon>
      <CustomIcon class="w-8 h-8" />
    </template>
    <template #content>
      <div class="flex flex-col">
        <div class="font-medium">Title</div>
        <div class="font-normal">Description</div>
      </div>
    </template>
  </UICheckboxItem>
</template>

Props

• value (any): Checkbox value
• disabled (boolean): Disable the checkbox
• defaultValue (any): Default checkbox value

Slots

• icon: Custom icon content
• content: Custom content area