MessageContextMenu

A Vue component.

File: src/components/MessageContextMenu.vue

Overview

Props

Name	Type	Default	Required	Description
isVisible	boolean	undefined	✅	No description
position	{ x: number; y: number }	undefined	✅	No description
message	union	undefined	✅	No description
channelId	string	undefined	❌	No description
conversationId	string	undefined	❌	No description

Props Details

isVisible

No description available.

• Type: boolean
• Required: Yes
• Default: undefined

position

No description available.

• Type: { x: number; y: number }
• Required: Yes
• Default: undefined

message

No description available.

• Type: union
• Required: Yes
• Default: undefined

channelId

No description available.

• Type: string
• Required: No
• Default: undefined

conversationId

No description available.

• Type: string
• Required: No
• Default: undefined

Events

Name	Parameters	Description
close	unknown	No description
add-reaction	{ native?: string; name: string; id?: string }	No description
open-emoji-picker	unknown	No description
pin-changed	unknown	No description

Event Details

close

No description available.

Parameters: unknown

add-reaction

No description available.

Parameters: { native?: string; name: string; id?: string }

open-emoji-picker

No description available.

Parameters: unknown

pin-changed

No description available.

Parameters: unknown

Slots

This component has no slots.

Methods

This component exposes no public methods.

Usage Example

<template>
  <MessageContextMenu
    :isVisible="true"
    :position="undefined"
    :message="undefined"
    @close="handleClose"
    @add-reaction="handleAddReaction"
    @open-emoji-picker="handleOpenEmojiPicker"
    @pin-changed="handlePinChanged" />
</template>

<script setup lang="ts">
const handleClose = (data: unknown) => {
  // Handle close event
}

const handleAddReaction = (data: { native?: string; name: string; id?: string }) => {
  // Handle add-reaction event
}

const handleOpenEmojiPicker = (data: unknown) => {
  // Handle open-emoji-picker event
}

const handlePinChanged = (data: unknown) => {
  // Handle pin-changed event
}
</script>

File Location

src/components/MessageContextMenu.vue

---

This documentation was automatically generated from the component source code.