diff --git a/mirage/index.js b/mirage/index.js
index 6eeaec8..40aad8e 100644
--- a/mirage/index.js
+++ b/mirage/index.js
@@ -21,6 +21,9 @@ new Server({
       },
       sentDate(){
         return faker.date.recent(20)
+      },
+      archived(i){
+        return i % 2 == 0;
       }
     })
   },
diff --git a/src/components/BulkActionBar.vue b/src/components/BulkActionBar.vue
index 31556fb..8f9eac7 100644
--- a/src/components/BulkActionBar.vue
+++ b/src/components/BulkActionBar.vue
@@ -9,6 +9,9 @@
     <button @click="emailSelection.markUnread()" :disabled="Array.from(emailSelection.emails).every(e => !e.read)">
       Mark Unread
     </button>
+    <button @click="emailSelection.archive()" :disabled="numberSelected == 0">
+      Archive
+    </button>
   </div>
 </template>
 
diff --git a/src/components/InboxScreen.vue b/src/components/InboxScreen.vue
index c953974..b9d43df 100644
--- a/src/components/InboxScreen.vue
+++ b/src/components/InboxScreen.vue
@@ -3,7 +3,7 @@
   
   <BulkActionBar :emails="emails" />
 
-  <MailTable :emails="emails" />
+  <MailTable :emails="emails.filter(e => !e.archived)" />
 </template>
 
 <script>
diff --git a/src/composition/useEmailSelection.js b/src/composition/useEmailSelection.js
index 6e078a0..9875b82 100644
--- a/src/composition/useEmailSelection.js
+++ b/src/composition/useEmailSelection.js
@@ -27,6 +27,7 @@ export const useEmailSelection = function(){
     },
     markRead(){ this.forSelected(e => e.read = true )},
     markUnread(){ this.forSelected(e => e.read = false )},
+    archive(){ this.forSelected(e => e.archived = true); this.clear();},
   })
 
   return {