ChecklistItem
@dopt/vue / Exports / ChecklistItem
Interface: ChecklistItem
ChecklistItem generally follows the card interface
specified in @dopt/semantic-data-layer-checklist.
However, it exposes Ref
s where possible
to allow built-in reactivity.
Table of contents
Properties
Properties
id
• id: Ref
<string
>
Defined in
packages/@dopt/vue/src/checklist.ts:23
index
• index: Ref
<undefined
| null
| number
>
Defined in
packages/@dopt/vue/src/checklist.ts:24
title
• title: Ref
<undefined
| null
| string
>
Defined in
packages/@dopt/vue/src/checklist.ts:25
body
• body: Ref
<undefined
| null
| Children
>
Defined in
packages/@dopt/vue/src/checklist.ts:26
completeLabel
• completeLabel: Ref
<undefined
| null
| string
>
Defined in
packages/@dopt/vue/src/checklist.ts:27
done
• done: Ref
<boolean
>
Defined in
packages/@dopt/vue/src/checklist.ts:28
active
• active: Ref
<boolean
>
Defined in
packages/@dopt/vue/src/checklist.ts:29
completed
• completed: Ref
<boolean
>
Defined in
packages/@dopt/vue/src/checklist.ts:30
skipped
• skipped: Ref
<boolean
>
Defined in
packages/@dopt/vue/src/checklist.ts:31
complete
• complete: () => void
Type declaration
▸ (): void
Returns
void
Defined in
packages/@dopt/vue/src/checklist.ts:32
skip
• skip: () => void
Type declaration
▸ (): void
Returns
void
Defined in
packages/@dopt/vue/src/checklist.ts:33
field
• field: Ref
<<V>(name
: string
) => undefined
| null
| V
>
Use this to access custom fields on the checklist item.