From a6bc9733e82c14092e601f97296a1aaee6c12a58 Mon Sep 17 00:00:00 2001
From: tomkp <tom@tomkp.com>
Date: Thu, 15 Jan 2026 21:48:22 +0000
Subject: [PATCH] feat: show version in examples header

---
 examples/main.tsx   | 3 ++-
 examples/styles.css | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/examples/main.tsx b/examples/main.tsx
index 165d5c28..dc982e1a 100644
--- a/examples/main.tsx
+++ b/examples/main.tsx
@@ -6,6 +6,7 @@ import { ControlledExample } from './ControlledExample';
 import { StyledExample } from './StyledExample';
 import { SnapPointsExample } from './SnapPointsExample';
 import { PercentageExample } from './PercentageExample';
+import { version } from '../package.json';
 import './styles.css';
 
 type Example =
@@ -31,7 +32,7 @@ function App() {
   return (
     <div className="app">
       <nav className="nav">
-        <h1>React Split Pane</h1>
+        <h1>React Split Pane <span className="version">v{version}</span></h1>
         <div className="nav-buttons">
           {examples.map(({ id, label, shortLabel }) => (
             <button
diff --git a/examples/styles.css b/examples/styles.css
index a5bcce54..f8461e70 100644
--- a/examples/styles.css
+++ b/examples/styles.css
@@ -37,6 +37,12 @@ body {
   font-weight: 600;
 }
 
+.nav h1 .version {
+  font-weight: 400;
+  font-size: 0.875rem;
+  color: #888;
+}
+
 .nav-buttons {
   display: flex;
   gap: 0.5rem;