diff --git a/src/guide/introduction.mdx b/src/guide/introduction.mdx
index 305e76c..77b6654 100644
--- a/src/guide/introduction.mdx
+++ b/src/guide/introduction.mdx
@@ -213,7 +213,7 @@ import QtQuick
     @@Quickshell.PanelWindow {
       // the screen from the screens list will be injected into this
       // property
-      property var modelData
+      required property var modelData
 
       // we can then set the window's screen to the injected property
       screen: modelData
@@ -280,7 +280,7 @@ import QtQuick
 
     delegate: @@QtQml.Component {
       @@Quickshell.PanelWindow {
-        property var modelData
+        required property var modelData
         screen: modelData
 
         anchors {
@@ -359,7 +359,7 @@ import QtQuick
 
     delegate: @@QtQml.Component {
       @@Quickshell.PanelWindow {
-        property var modelData
+        required property var modelData
         screen: modelData
 
         anchors {
@@ -429,7 +429,7 @@ import QtQuick
     model: Quickshell.screens
 
     @@Quickshell.PanelWindow {
-      property var modelData
+      required property var modelData
       screen: modelData
 
       anchors {
@@ -496,7 +496,7 @@ import QtQuick
     model: Quickshell.screens
 
     @@Quickshell.PanelWindow {
-      property var modelData
+      required property var modelData
       screen: modelData
 
       anchors {
@@ -574,7 +574,7 @@ import QtQuick
     model: Quickshell.screens
 
     @@Quickshell.PanelWindow {
-      property var modelData
+      required property var modelData
       screen: modelData
 
       anchors {
@@ -658,7 +658,7 @@ import Quickshell
     model: Quickshell.screens
 
     @@Quickshell.PanelWindow {
-      property var modelData
+      required property var modelData
       screen: modelData
 
       anchors {
@@ -745,7 +745,7 @@ import Quickshell
     model: Quickshell.screens
 
     @@Quickshell.PanelWindow {
-      property var modelData
+      required property var modelData
       screen: modelData
 
       anchors {
diff --git a/src/pages/docs/types/[type]/[name].astro b/src/pages/docs/types/[type]/[name].astro
index 97c656f..99a50b4 100644
--- a/src/pages/docs/types/[type]/[name].astro
+++ b/src/pages/docs/types/[type]/[name].astro
@@ -83,29 +83,33 @@ const details = data.details
             <subheading class="typedocs-subheading">
               {details ? <span class="parsedMD" set:html={details}/> : (<span class="toparse">{data.description}</span>)}
             </subheading>
-            { data.properties && propsKeys ? (
+            { data.properties && propsKeys && propsKeys.length > 0 && (
+              <h2>Properties <a href="/docs/guide/qml-language#properties">[?]</a></h2>
               <Properties
                 propsData={data.properties}
                 propsKeys={propsKeys!}
               />
-            ): null}
-            { data.functions && data.functions.length > 0 ? (
+            )}
+            { data.functions && data.functions.length > 0 && (
+              <h2>Functions <a href="/docs/guide/qml-language#functions">[?]</a></h2>
               <Functions
                 funcData={data.functions}
               />
-            ): null}
-            { data.signals && signalKeys ? (
+            )}
+            { data.signals && signalKeys && signalKeys.length > 0 && (
+              <h2>Signals <a href="/docs/guide/qml-language#signals">[?]</a></h2>
               <Signals
                 signalsData={data.signals}
                 signalKeys={signalKeys}
               />
-            ):null}
-            { data.variants && variantKeys ? (
+            )}
+            { data.variants && variantKeys && variantKeys.length > 0 && (
+              <h2>Variants</h2>
               <Variants
                 variantsData={data.variants}
                 variantKeys={variantKeys}
               />
-            ):null}
+            )}
           </section>
         ) : null
       }