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