Props

NameTypeDefault valueRequired?Description
choreoObject-Yes-
participantsArray-Yes-
nonParticipantsArray-Yes-

Data

NameTypeDefault valueDescription
idString--
memberToReplaceIdString|nullnull-
memberToSubInIdString|nullnull-

Computed

NameTypeDescription
participantOptionsArray-
nonParticipantOptionsArray-
memberToReplaceIdIsValidBoolean-
memberToReplaceIdStateFeedbackString|null-
memberToSubInIdIsValidBoolean-
memberToSubInIdStateFeedbackString|null-

Events

NamePayload TypeDescription
substitutionObject-

Example

<template>
  <ParticipantSubstitutionModal ref="participantSubstitutionModal" :choreo="choreoObj" :participants="p" :nonParticipants="np" @substitution="handler" />
  <Button @click="() => $refs.participantSubstitutionModal.open()" />
</template>