Skip to content

Sandpack components

The Sandpack components I'm using on my website.

React

import Counter from './Counter.js'
	
export default function App () {
  return (
    <>
      <h1>Counter</h1>
      <Counter initial={10} />
    </>
  )            
}

Svelte

<script>
  import Counter from './Counter.svelte'
</script>
	
<h1>Counter</h1>
<Counter initial="10" />
            

Vue

<template>
  <h1>Counter</h1>
  <Counter :initial="10" />
</template>
	
<script>
import Counter from './Counter.vue'
	
export default {
  components: {
    Counter
  }
}
</script>