Use the Document Library web part

When you add a modern page to a site, you can add and customize web parts, which are the building blocks of your page. This article describes the Document Library web part, which allows you to display a document library.

When you use the document library web part, you can choose to show a specific view of the library or even a folder within the library. Users with appropriate permissions can add, view or edit files directly from the web part. Users can also pin a document to the top of the library, download, delete and rename files, or can go the full document library by clicking See all. Additionally, files can be shown in a details view or tiles view, and column formatting and nested folders created in the source list are shown.

Note: Some functionality is introduced gradually to organizations that have opted in to the Targeted Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.

Document Library web part on a modern page.

Add a document library to a page

Toolbox icon in content pane

  1. If you want a custom view of your library to appear on your page, create the view.
  2. Go to the page where you want to add the library.
  3. If your page is not already in edit mode, click Edit at the top right of the page. Find the Toolbox (

Select a document library to put on a page

) on the right.

  • Select See all web parts, then select or drag-and-drop Document library from the list of web parts.
  • Select the document library you want to put on your page.

    Icon for editing <a href=web part and section properties" />

    Click Edit properties (

    ) on the top left side to change the Document library, the View of your library, and the size. You can also display a specific folder in the library by entering the folder name (use a "/" to separate the names of nested folders - in the example below, Projects is a folder in the Documents library, and Presentations is the nested folder):

    View documents in a list or as tiles

    Users can click the right of the toolbar to change the view of the library from Details (a list view) to Tiles (to view files as icons).

    Tiled view in document library

    Add new or upload documents

    In the web part, users can add new folders and documents and/or upload files and folders. The easiest way to add files and folders is to drag them into the library from another location.

    You can also add or upload documents by using the toolbar:

    New and Upload commands

    Download, Rename, Delete, and Pin to top

    Delete, Download, and Rename commands

    Sort, filter, or group items within the document library web part

    In the web part, users can sort, filter, and group items. The actions taken in the web part do not affect the underlying library, and are viewable for the current session only.

    Document Library web part showing sort, filter, and group menu

    1. Click the down arrow next to the title of the column you want to sort, filter, or group.
    2. Select the action you want to take.

    Document Library web part on a modern page.

    Add a document library to a page

    Plus sign for adding web parts to a page

    1. If you want a custom view of your library to appear on your page, create the view.
    2. Go to the page where you want to add the library.
    3. If your page is not already in edit mode, click Edit at the top right of the page. Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:

    Select a document library to put on a page

  • Click +, and then select Document Library from the list of web parts.
  • Select the document library you want to put on your page.

    Web part edit button

    Click Edit web part

    on the left side to change the Document library, the View of your library, and the size. You can also display a specific folder in the library by entering the folder name (use a "/" to separate the names of nested folders):

    Add new or upload documents

    In the web part, users can add new folders and documents and/or upload files and folders. The easiest way to add files and folders is to drag them into the library from another location.

    You can also add or upload documents by using the toolbar:

    New and Upload commands

    Download, Rename, or Delete

    Download, Rename, and Delete commands

    Document Library web part on a modern page.

    Add a document library to a page

    Plus sign for adding web parts to a page

    1. If you want a custom view of your library to appear on your page, create the view.
    2. Go to the page where you want to add the library.
    3. If your page is not already in edit mode, click Edit at the top right of the page. Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:

    Select a document library to put on a page

  • Click +, and then select Document Library from the list of web parts.
  • Select the document library you want to put on your page.

    Web part edit button

    Click Edit web part

    on the left side to change the Document library, the View of your library, and the size. You can also display a specific folder in the library by entering the folder name (use a "/" to separate the names of nested folders):