Comments

April 21, 2026 · View on GitHub

License Stable Downloads Vue JavaScript SCSS npm Issues Merge Requests

Description

Comments cards and inline comment threads for Enso UI.

Installation

Install the package:

yarn add @enso-ui/comments

This package is also available through the full enso-ui workspace bundle.

Features

  • exports Comments and CommentsCard through the Bulma entrypoint
  • loads comment threads, supports optimistic create/delete/update flows, and keeps tagged users in sync
  • ships inline edit and delete actions with the Enso confirmation popper
  • surfaces comment counts through the card wrapper used on entity detail pages

Usage

<script setup>
import { CommentsCard } from '@enso-ui/comments/bulma';
</script>

<CommentsCard
    :id="companyId"
    type="company"
    title="Comments"
/>

API

Comments

Thread component that manages the comment list for one model.

Import: @enso-ui/comments/bulma

Props:

  • id: string | number target model id.
  • type: string backend commentable type.
  • query: string | null = null initial filter.
  • compact: boolean = false toggles compact toolbar labels.

Events:

  • update after fetch, create, or delete operations.

Slots:

  • controls receives { create, internalQuery, fetch }.

CommentsCard

Card wrapper around Comments with badge and refresh controls.

Import: @enso-ui/comments/bulma

Props:

  • collapsed: boolean = false
  • id: string | number
  • type: string
  • title: string = ""
  • icon: string | array | object

Events:

  • No direct emits.

Companion Backend Package

The frontend widgets depend on the backend companion for comment thread endpoints, tagged-user support, and the model-type contracts used by the card.

Depends On

Contributions

are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!

License

MIT