diff --git a/src/components/NcButton/NcButton.vue b/src/components/NcButton/NcButton.vue
index 79bc178965..51ae21bfc8 100644
--- a/src/components/NcButton/NcButton.vue
+++ b/src/components/NcButton/NcButton.vue
@@ -291,6 +291,113 @@ export default {
}
```
+
+### Usage example: Sorting table columns
+The standard way to implement sortable table column headers should be like this:
+
+```vue
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+ Lorem ipsum |
+ 8 MiB |
+
+
+
+
+
+
+```
+