

ListItemComments control

This control allows you to manage list item comments, you can add or delete comments to an item. The comments are listed in tile view. user can scroll to load more comments if they exist (infinite scroll);

Here is an example of the control:

How to use this control in your solutions

• Check that you installed the @pnp/spfx-controls-react dependency. Check out the getting started page for more information about installing the dependency.
• Import the control into your component:

import { ListItemComments } from '@pnp/spfx-controls-react/lib/ListItemComments';

• Use the ListItemComments control in your code as follows:

<ListItemComments webUrl='{"https://contoso.sharepoint.com/sites/ThePerspective"}'
                  listId='dfa283f4-5faf-4d54-b6b8-5bcaf2725af5'
                  itemId={1}
                  serviceScope={serviceScope}
                  numberCommentsPerPage={10}
                  label="ListItem Comments"
                  />

Implementation

The ListItemComments control can be configured with the following properties:

Property	Type	Required	Description
serviceScope	ServiceScope	yes	SPFx Service Scope
itemId	number	yes	List Item Id
listId	string	yes	Guid of the list.
webUrl	string	no	URL of the site. By default it uses the current site URL.
label	string	no	Label for control
numberCommentsPerPage	number	no	number of comments per page possible values 5

MSGraph Permissions required

This control requires at least the flowing scopes: People.Read, User.ReadBasic.All