> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vistaly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Commenting

> Commenting supports documenting learning, and collaboration across one or more teams.

export const Image = ({src, alt, caption}) => <figure>
    <img src={`https://cdn.vistaly.com/kb${src}`} {...alt ? {
  alt
} : {}} />
    {caption && <figcaption class="image-caption">{caption}</figcaption>}
  </figure>;

export const VideoGIF = ({src, className = '', ...otherProps}) => <Video src={src} autoPlay={true} muted={true} loop={true} controls={false} playsInline={true} className={className} style={{
  boxShadow: "0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.06)"
}} {...otherProps} />;

export const Video = ({src, autoPlay = false, muted = false, loop = false, playsInline = true, controls = true, className = '', ...otherProps}) => <video src={`https://cdn.vistaly.com/kb${src}`} autoPlay={autoPlay} muted={muted} loop={loop} playsInline={playsInline} controls={controls} className={className} {...otherProps} />;

## How do I view comments?

Each card supports a comment thread, and the comment bubble on the front of the card indicates how many comments have been made.

Selecting the icon will open the comment thread in the side panel.

<VideoGIF src="/documentation/core-concepts/commenting/comment.mp4" />

## Notify users with @mention

When writing a comment, the **@** symbol will display a list of users to be referenced and notified.

<Image src="/documentation/core-concepts/commenting/comment-mention@2x.png" alt="Notification Preferences" />