From c680bd790516d959ed87c30b4aea0deabaeee056 Mon Sep 17 00:00:00 2001
From: TomJGooding <101601846+TomJGooding@users.noreply.github.com>
Date: Fri, 16 Feb 2024 17:41:55 +0000
Subject: [PATCH] docs(events): add tcss to on decorator examples

---
 docs/guide/events.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/guide/events.md b/docs/guide/events.md
index da18527f0c..bd526341c8 100644
--- a/docs/guide/events.md
+++ b/docs/guide/events.md
@@ -210,6 +210,12 @@ In the following example we have three buttons, each of which does something dif
 
     1. The message handler is called when any button is pressed
 
+=== "on_decorator.tcss"
+
+    ```python title="on_decorator.tcss"
+    --8<-- "docs/examples/events/on_decorator.tcss"
+    ```
+
 === "Output"
 
     ```{.textual path="docs/examples/events/on_decorator01.py"}
@@ -233,6 +239,12 @@ The following example uses the decorator approach to write individual message ha
     2. Matches the button with class names "toggle" *and* "dark"
     3. Matches the button with an id of "quit"
 
+=== "on_decorator.tcss"
+
+    ```python title="on_decorator.tcss"
+    --8<-- "docs/examples/events/on_decorator.tcss"
+    ```
+
 === "Output"
 
     ```{.textual path="docs/examples/events/on_decorator02.py"}