Skip to main content

Checklist

@dopt/vue / Exports / Checklist

Interface: Checklist

Checklist generally follows the card interface specified in @dopt/semantic-data-layer-checklist. However, it exposes Refs where possible to allow built-in reactivity.

Table of contents

Properties

Properties

id

id: Ref<string>

Defined in

packages/@dopt/vue/src/checklist.ts:47


title

title: Ref<undefined | null | string>

Defined in

packages/@dopt/vue/src/checklist.ts:48


body

body: Ref<undefined | null | Children>

Defined in

packages/@dopt/vue/src/checklist.ts:49


active

active: Ref<boolean>

Defined in

packages/@dopt/vue/src/checklist.ts:50


completed

completed: Ref<boolean>

Defined in

packages/@dopt/vue/src/checklist.ts:51


dismissed

dismissed: Ref<boolean>

Defined in

packages/@dopt/vue/src/checklist.ts:52


size

size: Ref<number>

Defined in

packages/@dopt/vue/src/checklist.ts:53


complete

complete: () => void

Type declaration

▸ (): void

Returns

void

Defined in

packages/@dopt/vue/src/checklist.ts:54


dismiss

dismiss: () => void

Type declaration

▸ (): void

Returns

void

Defined in

packages/@dopt/vue/src/checklist.ts:55


items

items: Ref<() => ChecklistItem[]>

Defined in

packages/@dopt/vue/src/checklist.ts:56


filter

filter: Ref<(on: FilterableField) => ChecklistItem[]>

Defined in

packages/@dopt/vue/src/checklist.ts:57


count

count: Ref<(where: FilterableField) => number>

Defined in

packages/@dopt/vue/src/checklist.ts:58


field

field: Ref<<V>(name: string) => undefined | null | V>

Use this to access custom fields on the checklist.

Defined in

packages/@dopt/vue/src/checklist.ts:62