1 files changed, 1 insertions, 0 deletions
diff --git a/examples/component/README.md b/examples/component/README.md
index b09f5e3c6..7df86d84e 100644
--- a/examples/component/README.md
+++ b/examples/component/README.md
@@ -8,6 +8,7 @@ npm create astro@latest -- --template component
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/non-html-pages)
 [![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/non-html-pages)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=/.devcontainer/component/devcontainer.json)
 
 
 ## 🚀 Project Structure