Developers
CodeSandbox
Embed CodeSandbox projects in lab sections via slash command.
Overview
Slash command: /codesandbox
Type: Editor embed
Open Studio → Developer → Integrations to manage this integration for the current workspace.
What you can do
- Embed full-stack or front-end sandboxes in tutorials
- Share starter templates learners can fork and edit
- Show multi-file projects with live preview
- Keep coding exercises inside the lab experience
How to set it up
Insert a CodeSandbox embed from the lab editor slash menu.
Open a lab
Open a lab in the Studio editor
Insert CodeSandbox
Type /codesandbox or open slash commands and choose CodeSandbox under Embeds
Paste a CodeSandbox URL
Paste a CodeSandbox URL into the embed field
Publish
Publish the lab: learners can explore the sandbox inline