List-item-attachments NPM

List-Item-Attachments control

This control allows you to manage list item attachments, you can add or delete associated attachments, the attachments are listed in tile view.

How to use this control in your solutions

intall package npm install list-item-attachments --save.
Import the control into your component:

 
import { ListItemAttachments } from 'list-item-attachments/lib/listItemAttachments';

Use the ListItemAttachments control in your code as follows:

<ListItemAttachments listId='dfa283f4-5faf-4d54-b6b8-5bcaf2725af5'
                     itemId={1}
                     context={this.props.context}
                     disabled={false} />

Implementation

The ListItemAttachments control can be configured with the following properties:

Property	Type	Required	Description
context	WebPartContext \| ApplicationCustomizerContext	yes	SPFx web part or extention context
listId	string	yes	Guid of the list.
itemId	number	yes	List Item Id
webUrl	string	no	URL of the site. By default it uses the current site URL.
disabled	boolean	no	Specifies if the control is disabled or not.