CheckListInputField

An enhanced checklist component that combines checkboxes with inline text/select inputs per row. Useful for forms where each checklist item also requires additional data entry.

Usage

<script setup>
import { ref } from 'vue'
import { CheckListInputField } from 'praxis-vue-ui'

const items = ref([])
</script>

<template>
  <CheckListInputField
    v-model="items"
    label="Symptoms"
    :field="fieldSchema"
  />
</template>

Props

Prop	Type	Default	Description
modelValue	Record<string, any>	{}	Current values. Use with v-model.
fieldrequired	FormSchemaField	—	Schema field definition including sub-fields for the checklist rows.
disabled	boolean	false	Disables all inputs.

Emits

Event	Payload	Description
update:modelValue	Record<string, any>	Emitted whenever any field value changes.