saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Comments Sidebar

Collaborative comments sidebar with threading, resolve status, viewer tracking, and rich text input.

HTHelen Tse
Transcode / Transferdo we need to allocate funds here?
HTJHJV+3
7 months ago
JHJacob Herskowitz
Dinnerneeds more funds
HTJHJV+4
8 months ago
EAEric Atwell7 months ago

I agree, we should increase the budget by 20%

JHJacob Herskowitz
Rental for Shoot Dayshey need $30/day
HTJHJV+4
8 months ago

Features

  • Threaded comments — Reply to specific comments
  • Resolve status — Mark comments as resolved
  • Viewer tracking — See who viewed each comment
  • Rich text input — Format your comments
  • Real-time updates — Live collaboration

API Reference

PropTypeDefaultDescription
commentsComment[]-List of comments
onAddComment(text: string) => void-Add comment callback
onResolve(id: string) => void-Resolve comment callback

Components Used

buttoninputavatarbadgesheet