diff --git a/src/components/NcEmojiPicker/NcEmojiPicker.vue b/src/components/NcEmojiPicker/NcEmojiPicker.vue
index bcc8034571..5e43ca0284 100644
--- a/src/components/NcEmojiPicker/NcEmojiPicker.vue
+++ b/src/components/NcEmojiPicker/NcEmojiPicker.vue
@@ -121,6 +121,50 @@ This component allows the user to pick an emoji.
 </script>
 ```
 
+### Performance test - mounting
+
+```vue
+<template>
+	<div>
+		<button @click="key += 1">Re-mount {{ count }} NcEmojiPicker-s</button> See console output for the result
+		<ul :key="key">
+			<li v-for="i in count" :key="i">
+				<span>#{{ i }}</span>
+				<NcEmojiPicker @select="select" style="display: inline-block">
+					<NcButton>Select Emoji</NcButton>
+				</NcEmojiPicker>
+				<span>selected emoji: {{ emoji }}</span>
+			</li>
+		</ul>
+	</div>
+</template>
+<script>
+	let time;
+
+	export default {
+		data() {
+			return {
+				count: 100,
+				emoji: '',
+				key: 1,
+			}
+		},
+		beforeUpdate() {
+			time = performance.now()
+		},
+		updated() {
+			const allTime = performance.now() - time
+			console.log(`NcEmojiPicker ${this.count} instances re-mounting time: ${allTime.toFixed(2)} ms or ${(allTime / this.count).toFixed(2)} ms per instance`)
+		},
+		methods: {
+			select(emoji) {
+				this.emoji = emoji
+			},
+		},
+	}
+</script>
+```
+
 </docs>
 
 <template>