react-stackblitz-snippet

React Component to generate a Stackblitz Editor

Installation

yarn add react-stackblitz-snippet

or

npm i react-stackblitz-snippet --save

Usage

1. import:

import { Stackblitz } from 'react-stackblitz-snippet';

1. Use:

<Stackblitz>
  <file name="index.html" content="<h1>Hello</h1>" />
  <file name="index.ts" open>console.log("hello stackblitz!!");</file>
</Stackblitz>

Options

• Stackblitz#project: Stackblitz API project
• Stackblitz#options: Stackblitz API options

The file children can be used to easily add snippet code (see Usage). The open flag defines which file will be opened by default.

Demo

Open Demo in Stackblitz or clone the repo and run npm start!