diff --git a/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue b/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
index 33a3c8183a..a750d80e07 100644
--- a/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
+++ b/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
@@ -74,6 +74,69 @@ export default {
}
```
+
+You can also add icons to the section navigation:
+
+```vue
+
+
+
Show Settings
+
+
+
+
+
+
+ Instagram setting
+
+
+
+
+
+
+
+ Mastodon setting
+
+
+
+
+
+
+
+ Twitch setting
+
+
+
+
+
+
+ Twitter setting
+
+
+
+
+
+
+```
@@ -84,16 +147,24 @@ export default {
- -
-
+ {{ item.name }}
+ @click="handleSettingsNavigationClick(section.id)"
+ @keydown.enter="handleSettingsNavigationClick(section.id)">
+
+
+
+
+ {{ section.name }}
+
+
@@ -105,6 +176,7 @@ export default {