(DOCSP-32355): Add steps to remove document from the Atlas UI (#4766) (#4801)

* Add Atlas UI steps to page

* Revise for updated procedure guidelines

* Apply Sarah's suggestion



* Move limitation note higher up

---------

Co-authored-by: Sarah Simpers <[email protected]>

Author: davidhou17

source/tutorial/remove-documents.txt

@@ -18,6 +18,13 @@ Delete Documents
    :backlinks: none
    :depth: 1
 
+You can delete documents in MongoDB using the following methods:
+
+- Your programming language's driver
+- The :atlas:`{+atlas+} UI </>`. To learn more, see 
+  :ref:`delete-documents-atlas-ui`.
+- :compass:`MongoDB Compass </>`
+
 ----------
 
 .. |arrow| unicode:: U+27A4
@@ -659,6 +666,66 @@ Delete Only One Document that Matches a Condition
 
 .. include:: /includes/driver-examples/driver-example-delete-58.rst
 
+.. _delete-documents-atlas-ui:
+
+Delete a Document with {+atlas+}
+------------------------------------
+
+.. note:: 
+
+   You can delete only one document at a time in the {+atlas+} UI.
+   To delete multiple documents, connect to your 
+   Atlas deployment from :binary:`~bin.mongo` or a MongoDB driver
+   and follow the examples on this page for your preferred method.
+
+The example in this section uses the :atlas:`sample movies dataset 
+</sample-data/sample-mflix/>`. To learn how to load the sample dataset 
+into your {+atlas+} deployment, see :atlas:`Load Sample Data 
+</sample-data/#std-label-load-sample-data>`.
+
+To delete a document in {+atlas+}, follow these steps:
+
+.. procedure:: 
+   :style: normal
+
+   .. step:: Navigate to the collection.
+    
+      a. In the {+atlas+} UI, click :guilabel:`Database` in the sidebar.
+      #. For the database deployment that contains the sample data, click :guilabel:`Browse Collections`.
+      #. In the left navigation pane, select the :guilabel:`sample_mflix` database.
+      #. Select the :guilabel:`movies` collection.
+
+   .. step:: Specify a query filter document.
+ 
+      Optionally, you can specify a :ref:`query filter document <document-query-filter>`
+      in the :guilabel:`Filter` field. A query filter document uses 
+      :ref:`query operators <csfle-supported-query-operators>` to specify search conditions.
+
+      Copy the following query filter document into the 
+      :guilabel:`Filter` search bar and click :guilabel:`Apply`:
+
+      .. code-block:: javascript
+
+         { genres: "Action", rated: { $in: [ "PG", "PG-13" ] } }
+
+      This query filter returns all documents in the ``sample_mflix.movies`` 
+      collection where ``genres`` equals ``Action`` and ``rated`` equals either 
+      ``PG`` or ``PG-13``.
+
+   .. step:: Delete a document.
+        
+      a. For the document that you want to delete, hover over
+         the document and click the trash icon that 
+         appears on the right-hand side.
+          
+         After clicking the delete button, {+atlas+} flags
+         the document for deletion and asks for your confirmation.
+
+      #. Click :guilabel:`Delete` to confirm your selection.
+
+To learn more, see :atlas:`Create, View, Update, and Delete Documents 
+</atlas-ui/documents/>`.
+
 .. _write-op-delete-behavior:
 .. _write-op-remove-behavior: