Skip to content
Astro Live Code

Basic Usage

React / Preact / Solid

```jsx live
export default () => {
  return <button>hello world</button>
}
```

becomes

export default () => {
  return <button>hello world</button>
}

Svelte

```svelte live
<button>hello</button>
```

becomes

<button>hello world</button>

Vue

```vue live
<template>
  <button>hello world</button>
</template>
```

becomes

<template>
  <button>hello world</button>
</template>

Astro

```astro live
<button>hello world</button>
```

becomes

<button>hello world</button>

HTML

```html live
<button>hello world</button>
```

becomes

<button>hello world</button>