From c8c8eb90f327d785334f792f71adcb581d02e75d Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sun, 30 Mar 2025 12:17:24 +0200
Subject: [PATCH] feat(docs): add codepen for constructable stylesheets

---
 docs/src/content/docs/guides/styling.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/src/content/docs/guides/styling.md b/docs/src/content/docs/guides/styling.md
index 3eaf4d3..ed40a47 100644
--- a/docs/src/content/docs/guides/styling.md
+++ b/docs/src/content/docs/guides/styling.md
@@ -57,6 +57,8 @@ customElements.define('styled-elements', StyledElement)
 
 If you [use the Shadow DOM](/shadow-dom), you can add a `static styles` property of type string which will be added in the `shadowRoot`'s [`adoptedStylesheets`](https://developer.mozilla.org/en-US/docs/Web/API/Document/adoptedStyleSheets).
 
+Try it now with this [example on CodePen ↗](https://codepen.io/ayoayco-the-styleful/pen/JojmeEe?editors=1010)
+
 ```js
 class StyledElement extends WebComponent {
   static shadowRootInit = {