Skip to content
svedocs

Components

Author interactive Svelte components inside SVX and MDX-style documentation pages.

Use .svx or .mdx when a documentation page needs live Svelte components. The page still participates in the same routing, navigation, search, and SEO flow as Markdown.

Interactive authoring

The component above is compiled as Svelte, not rendered through a React MDX runtime.

TypeScriptcomponent-authoring.ts
export const runtime = 'svelte';export const framework = 'svedocs';

When to use it

  • Small interactive examples.
  • Localized demos and callouts.
  • Layout-sensitive snippets that should stay inside the docs theme.