Commit fead0577 authored by David Trattnig's avatar David Trattnig
Browse files

Doc: Category list component

parent 78cecd35
Pipeline #1880 passed with stages
in 7 minutes and 32 seconds
......@@ -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.
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment