GroupedComments

Groups root comments by a facet value, rendering each group as a collapsible section with a count summary. Controlled — mutations route through the supplied callbacks.

Source

Import

import { GroupedComments } from "@flanksource/clicky-ui/comments";

Demos

By Area · Open in Storybook

By Priority · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
alwaysOpen	boolean	—	Force groups open regardless of their unresolved state.
comments*	Comment[]	—	—
config*	CommentConfig	—	—
groupBy*	string	—	Facet key to group root comments by.
onAcknowledge	(…) => void | Promise<void>	—	Claim an unassigned active root for the current user or agent.
onAssign	(…) => void | Promise<void>	—	Hand an active root to `assignee`, or return it to unassigned with `null`.
onChecklistToggle	(…) => void | Promise<void>	—	—
onClose	(…) => void | Promise<void>	—	Human-only transition from active or resolved to closed.
onCreate	(…) => void | Promise<void>	—	—
onDelete	(…) => void | Promise<void>	—	—
onMention	(…) => void	—	Fired when a posted comment references a mentionable.
onReply	(…) => void | Promise<void>	—	—
onUpdateRating	(…) => void | Promise<void>	—	—
onUpdateStatus	(…) => void | Promise<void>	—	—
order	string[]	—	Explicit group order by facet value; defaults to the facet's option order.