Props

NameTypeDefault valueRequired?Description
currentTeamObject-Yes-
editMemberIdString-Yes-
seasonTabIndexNumber0No-

Data

NameTypeDefault valueDescription
idString--
newMemberNameString|nullnull-
newMemberNicknameString|nullnull-
newMemberAbbreviationString|nullnull-

Computed

NameTypeDescription
newMemberNameIsValidBoolean-
newMemberNameStateFeedbackString|null-
proposedAbbreviationString|null-
abbreviationIsValidBoolean-
abbreviationStateFeedbackString|null-

Events

NamePayload TypeDescription
memberCreatedObject-
memberUpdatedObject-

Examples

<template>
 <CreateMemberModal :currentTeam="team" :editMemberId="'memberId'" @memberCreated="handler" @memberUpdated="handler" />
 <Button @click="() => $refs.createMemberModal.open()" />
</template>
<template>
 <CreateMemberModal ref="createMemberModal" :currentTeam="team" :editMemberId="'memberId'" :seasonTeamIndex="0" @memberCreated="handler" @memberUpdated="handler" />
 <Button @click="() => $refs.createMemberModal.open()" />
</template>