SVAR Vue Comments

Documentation • Demos

A Vue UI component for creating a comments section. Supports adding, editing, and deleting comments with ease. Fully compatible with Vue 3.

Key features:

• Bubbles or flow layouts
• Event handling to track changes and synchronize with external systems
• Specifying the currently active user to highlight their comments or give special permissions (such as editing or deleting)
• Readonly or editable modes
• Localization and date format customization
• Light and dark themes

:hammer_and_wrench: How to Use

To start using the Comments component, simply import the package and include the desired component in your Vue file:

<script setup>
import { ref } from "vue";
import { Comments } from "@svar-ui/vue-comments";
import "@svar-ui/vue-comments/all.css";

const value = ref([/* comments data here */]);
</script>

<template>
  <Comments value="data" />
</template>

For further instructions, see the detailed guide.

:speech_balloon: Need Help?

Post an Issue or use our community forum.