Playground

Summary

Paste or edit markup on the left; the preview runs it against the real built bundles (the same files the CDN serves), with auto-init active - so triggers, dialogs, and flags behave exactly as they will in your app. The preview is a sandboxed iframe; nothing you run here touches this page. Every HTML example in the docs has a Playground button that opens here with the code preloaded - the snippet travels in the URL hash, so those links are shareable. The Share button does the same for whatever is in the editor: it puts the code (and the selected theme) into this page's URL and copies the link. The preview scrolls: components taller than this pane - a large dialog, a long form - are reachable by scrolling inside it. Link clicks never navigate the preview away: a srcdoc page resolves every href - even a plain # - against this page's URL, so the preview blocks the default (with a console note for real hrefs) and emulates in-page anchor scrolling instead.