Use the CodeSandbox block in Workspace

The CodeSandbox block belongs to Workspace Embeds. Embed a CodeSandbox environment.

What it does

Embed a CodeSandbox environment.

When to use it

• Bring external content into a Workspace page.
• Keep references, designs, maps, posts, recordings, and projects near the work they support.
• Create richer project hubs and briefs.

How to add it

1. Open a Workspace page where you have edit access.
2. Type / or open Explore blocks.
3. Choose CodeSandbox.
4. Fill in the content, link, file, or settings shown by the block.
5. Use Block Settings when the block exposes additional options.

Tips

• Check external project or repository permissions before sharing the page.
• Check external sharing permissions.
• Add a short explanation above important embeds.
• Use public-safe embeds only on Workspace Sites.

Limitations

• You need Editor or Admin access to add or change this block.
• Viewer access allows reading and commenting where comments are enabled, but not editing block content.
• If the block depends on an external file, link, or service, that source must be accessible to the people viewing the page.

Related guides

• Use slash commands.
• Use Workspace blocks.
• Manage blocks.

FAQ

What is the CodeSandbox block for? Embed a CodeSandbox environment.

Can Viewers edit a CodeSandbox block? No. Viewers can view and comment only.