Add note about using webtypy

Author: Archmonger

docs/src/reference/components.md

@@ -58,6 +58,8 @@ This allows you to embedded any number of client-side PyScript components within
 
 <!--pyscript-setup-required-end-->
 
+{% include-markdown "./template-tag.md" start="<!--pyscript-webtypy-start-->" end="<!--pyscript-webtypy-end-->" %}
+
 {% include-markdown "./template-tag.md" start="<!--pyscript-js-exec-start-->" end="<!--pyscript-js-exec-end-->" %}
 
 {% include-markdown "./template-tag.md" start="<!--pyscript-multifile-start-->" end="<!--pyscript-multifile-end-->" trailing-newlines=false preserve-includer-indent=false %}

docs/src/reference/template-tag.md

@@ -194,6 +194,19 @@ The entire file path provided is loaded directly into the browser, and must have
     | `#!python initial` | `#!python str | VdomDict | ComponentType` | The initial HTML that is displayed prior to the PyScript component loads. This can either be a string containing raw HTML, a `#!python reactpy.html` snippet, or a non-interactive component. | `#!python ""` |
     | `#!python root` | `#!python str` | The name of the root component function. | `#!python "root"` |
 
+<!--pyscript-webtypy-start-->
+
+??? tip "Get PyScript type hints within your editor via `webtypy`!"
+
+    By installing the `webtypy` package, you can get type hints for PyScript components within your editor.
+
+    !!! example "Terminal"
+
+        ```bash linenums="0"
+        pip install webtypy
+        ```
+
+<!--pyscript-webtypy-end-->
 <!--pyscript-js-exec-start-->
 
 ??? question "How do I execute JavaScript within PyScript components?"