Card
Interface: Card
Card generally follows the card interface
specified in @dopt/semantic-data-layer-card.
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/card.ts:15
title
• title: Ref<undefined | null | string>
Defined in
packages/@dopt/vue/src/card.ts:16
body
• body: Ref<undefined | null | Children>
Defined in
packages/@dopt/vue/src/card.ts:17
completeLabel
• completeLabel: Ref<undefined | null | string>
Defined in
packages/@dopt/vue/src/card.ts:18
dismissLabel
• dismissLabel: Ref<undefined | null | string>
Defined in
packages/@dopt/vue/src/card.ts:19
active
• active: Ref<boolean>
Defined in
packages/@dopt/vue/src/card.ts:20
completed
• completed: Ref<boolean>
Defined in
packages/@dopt/vue/src/card.ts:21
dismissed
• dismissed: Ref<boolean>
Defined in
packages/@dopt/vue/src/card.ts:22
complete
• complete: () => void
Type declaration
▸ (): void
Returns
void
Defined in
packages/@dopt/vue/src/card.ts:23
dismiss
• dismiss: () => void
Type declaration
▸ (): void
Returns
void
Defined in
packages/@dopt/vue/src/card.ts:24
field
• field: Ref<<V>(name: string) => undefined | null | V>
Use this to access custom fields on the card.