Skip to main content Skip to docs navigation

User-generated content components that display feedback, discussions, or conversational threads with author information and timestamps.

This documentation is a work in progress and may contain incomplete or outdated information. If you have any feedback or suggestions, please open an issue on GitHub.

Props

Configurable properties that control the appearance, behavior, and functionality of comment components for discussion and collaborative communication interfaces.

Comment Item

Properties that define the visual state and interactive behavior of individual comment elements within discussion systems and collaborative content interfaces.

Comment example image Comment example image

size variant

Controls the dimensional scale and content presentation of the comment item to accommodate different interface contexts and discussion hierarchies.

  • large
  • small

flush variant

Controls the spacing configuration of the comment item, determining whether standard or minimal padding is applied for different layout densities.

  • true
  • false

has-avatar boolean

Controls the visibility of a user avatar element that provides visual identification and personalization within the comment display.

  • true
  • false

has-voting boolean

Controls the visibility of voting functionality that allows users to rate, report, or interact with comment content through feedback mechanisms.

  • true
  • false

has-separator boolean

Controls the visibility of visual separator elements that provide clear boundaries and organization between comment items in discussion threads.

  • true
  • false

Comment Form

Properties that control the layout and functionality of comment input interfaces that enable content creation and submission within discussion systems.

Comment example image Comment example image

flush variant

Controls the spacing configuration of the comment form, determining whether standard or minimal padding is applied for different input interface layouts.

  • true
  • false