diff --git a/src/components/ui/VnChip.vue b/src/components/ui/VnChip.vue
new file mode 100644
index 000000000..0224a914d
--- /dev/null
+++ b/src/components/ui/VnChip.vue
@@ -0,0 +1,16 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+
+const $props = defineProps({
+    class: { type: String, require: true, default: null },
+    color: { type: String, require: true, default: null },
+    title: { type: String, require: true, default: null },
+});
+const { t } = useI18n();
+</script>
+<template>
+    <QChip dense :class="$props.class" :color="$props.color" :title="$props.title">
+        <slot name="body"> </slot
+    ></QChip>
+</template>
+<style lang="scss" scoped></style>