frontarm / Demoboard
Licence: apache-2.0
Demoboard live code editor
Stars: ✭ 74
Programming Languages
typescript
32286 projects
Demoboard
An embeddable live editor, with every package on npm.
Getting Started
Demoboard can be embedded within any app built with Webpack -- including apps built with Create React App, Gatsby, Next.js, etc.
yarn add @frontarm/demoboard
import React from 'react'
import { Demoboard, DemoboardGlobalStyles } from '@frontarm/demoboard'
const initialSources = {
'/index.js': `
import React from '[email protected]'
import ReactDOM from '[email protected]'
const root = ReactDOM.createRoot(
document.getElementById('root')
)
root.render(<h1>Hello, world!</h1>)`,
}
const App = () => {
return (
<>
<DemoboardGlobalStyles />
<Demoboard
config={{
initialSources,
initialGeneratedTabs: ['/index.html'],
}}
id="demoboard"
/>
</>
)
}
Contributing
yarn install
yarn build
cd examples
yarn start
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].