Usage#

There's two ways to add a live demo in MDX files. We call them inline and external demos.

#External demo

For more complex code, you can use "external" demos:

<code src="./snippets/Component.tsx" />

#Inline demo

For simpler cases, you can use "inline" demos:

```tsx live
export const App = () => {
  return <div>Hello World</div>;
}
```

#More examples

Go to next pages to see various examples.