diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index 7c0c571d6c9e1c34cac448682d161b84e1c98f93..57fd578fbef1a37d083558e1f9825d1bf16683b8 100755
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -9,7 +9,9 @@ module.exports = {
*/
description: description,
theme: 'nc-provider',
+ base: '/',
dest: 'public',
+
/**
* Extra tags to be injected to the page HTML `<head>`
*
@@ -63,7 +65,7 @@ module.exports = {
[
'@vuepress/pwa',
{
- serviceWorker: false,
+ serviceWorker: true,
popupComponent: 'SWUpdatePopup',
updatePopup: {
message: 'Neue Inhalte sind verfügbar.',
diff --git a/src/components/buttons.md b/src/components/buttons.md
index 6495e30fc12edf340905211931bfac05b8f3d057..84fd501ee841cfa50afc332bd2dfb4d8336d18c8 100644
--- a/src/components/buttons.md
+++ b/src/components/buttons.md
@@ -6,3 +6,13 @@ tagline: Buttons
Mithilfe von Buttons werden verschiedene Handlungsmöglichkeiten des Nutzers dargestellt und klar hierarchisiert. Welche Zielseite durch sie aufgerufen oder welche Aktion ausgelöst wird, kommunizieren Buttons mit einem Label in Audi Type Screen Normal, mit einem Icon oder einer Kombination aus beidem. Buttons geben bei Klick bzw. Tap ein visuelles Feedback in Form eines Response-Effekts sofern die Buttons nicht deaktiviert sind.
+
+<code-group>
+<code-block title="HTML">
+```html
+<button class="Base-button" title="Das ist ein button" type="button">Das ist ein button</button>
+<button class="Base-button" title="Das ist ein button" type="button" disabled>Disabled button</button>
+<button class="Base-button" title="Das ist ein button" type="button">Das ist ein button mit sehr viel Text, damit dieser umbricht.</button>
+```
+</code-block>
+</code-group>