Compiled Mode

Component definitions are baked into the WASM module at build time. No JavaScript definition of <my-alert> is loaded on this page. The styles you see come entirely from Declarative Shadow DOM output by the WASM module.

Input HTML

<my-alert type="success">Deployment complete</my-alert> <my-alert type="error">Build failed: exit code 1</my-alert> <my-alert type="info">Next deploy scheduled for 3:00 PM</my-alert>

Render

Live Preview

SSR Output

Click "Render" to see the output