CommentSidePanel

A controlled comment rail driven by {@link CommentProvider }. Shows a focused thread for the active anchor, the full document feed in anchor order, or a toggle when collapsed. Renders nothing outside a provider or when empty.

Source

Import

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

Demos

Default · Open in Storybook

External Document · 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
anchorLabels	Record<string, string>	—	Explicit label per anchor key.
className	string	—	—
compact	boolean	—	—
createActions	readonly CommentCreateAction[]	—	—
detailTabs	readonly CommentDetailTab[]	—	—
extraAssignItems	(…) => DropdownMenuItem[]	—	Entries appended to each root's "Assign…" submenu — the seam for host actions that start from an assignment, such as running an agent.
focusedAlignment	enum	—	Position the focused thread beside its registered content anchor.
formatAnchorLabel	(…) => string	—	Fallback label formatter for anchors without an explicit label.
hideComposer	boolean	—	Hide root creation while another composer owns the draft; replies remain available.
onMaximizedChange	(…) => void	—	—
previewLines	number	—	—
renderRootDetails	(…) => ReactNode	—	—
threadToMarkdown	(…) => string	—	Serialize one whole thread for Copy and its maximized Markdown tab.