Doc: Category list component

README.md

@@ -48,6 +48,8 @@ Provided components:
          2. [Show Detail Component](#show-detail-component)
       7. [Episode](#episode)
          1. [Episode Detail Component](#episode-detail-component)
+      8. [Category](#category)
+         1. [Category List Component](#category-list-component)
    3. [Progressive Web App](#progressive-web-app)
       1. [Service Worker](#service-worker)
       2. [Manifest](#manifest)
@@ -273,6 +275,37 @@ Displays an *Episode Detail Card*.
 </script>
 ```
 
+### Category
+
+#### Category List Component
+
+Displays an overview of all or a defined list of categories.
+
+```html
+    <div id="category-list"></div>
+    <script>
+      /** Inject component into HTML **/
+      document.addEventListener('DOMContentLoaded', function (event) {
+        new AuraCategoryList({
+          target: document.getElementById('category-list'),
+          props: {
+            renderhtml: true,
+            urlShowList: '/show-list.html',
+            categoriesToDisplay: [
+              '1385089', /* Unter vielen */
+              '1385076', /* Im Unterschied */
+              '2060582', /* Auf Entdeckung */
+              '1385111', /* Spielarten */
+              '1385106', /* Der gute Ton */
+              '1385094', /* Im Interesse */
+              '1385100', /* Durchs Dickicht */
+            ],
+          },
+        })
+      })
+    </script>
+```
+
 ## Progressive Web App
 
 The Player bundle also provides some building blocks to turn your website into a Progressive Web App. Keep in mind, that those are only serving as an entry point. For a fully-fledged PWA you'll need to add your own code and thoughts.