update content

docs/src/docPages/api/extensions/collaboration.md

@@ -1,5 +1,9 @@
 # Collaboration
-Enables you to collaborate with others on one document.
+The Collaboration extension enables you to collaborate with others on one document. The implementation is based on [Y.js by Kevin Jahns](https://github.com/yjs/yjs), which is the coolest thing to [integrate collaborative editing](/guide/collaborative-editing) in your project.
+
+:::pro Premium Extension
+Using this in production requires a **tiptap pro** license. [Read more](/license)
+:::
 
 ## Installation
 ```bash

docs/src/docPages/api/overview.md

@@ -1,10 +1,13 @@
 # Overview
 tiptap is a friendly wrapper around [ProseMirror](https://ProseMirror.net).
 
+### Structure
 ProseMirror works with a strict [Schema](/api/schema), which defines the allowed structure of a document. A document is a tree of headings, paragraphs and others elements, so called nodes. Marks can be attached to a node, e. g. to emphasize part of it. [Commands](/api/commands) change that document programmatically.
 
+### Content
 The document is stored in a state. All changes are applied as transactions to the state. The state has details about the current content, cursor position and selection. You can hook into a few different [events](/api/events), for example to alter transactions before they get applied.
 
+### Extensions
 [Extensions](/api/extensions) add functionality like nodes, marks and/or commands to the editor. A huge amount of commands are bound to common [keyboard shortcuts](/api/keyboard-shortcuts).
 
-All of those concepts are explained in detail on the following pages.
+All those concepts are explained in detail on the following pages.

docs/src/links.yaml

@@ -183,3 +183,8 @@
       link: /api/schema
     - title: Keyboard Shortcuts
       link: /api/keyboard-shortcuts
+
+- title: tiptap pro
+  items:
+    - title: License
+      link: /license

docs/src/templates/DocPage/style.scss

@@ -247,6 +247,12 @@
         color: $colorRed;
       }
 
+      &.pro {
+        border-color: rgba($colorRed, 0.1);
+        background-color: rgba($colorRed, 0.1);
+        color: $colorRed;
+      }
+
       .remark-container-title {
         font-weight: 600;
       }