React Kotlin Playground

React wrapper for kotlin-playground widget.

Install

npm i --save react-kotlin-playground kotlin-playground

Usage

import React from "react";
import ReactDOM from "react-dom";
import KotlinPlayground from "react-kotlin-playground";
// For modern bundle:
// import KotlinPlayground from 'react-kotlin-playground/es';

ReactDOM.render(
    <KotlinPlayground mode="kotlin">
        fun main(args: Array&lt;String&gt;){" "}
        {
            //sampleStart
            println("Hello World")
            //sampleEnd
        }
    </KotlinPlayground>,
    container
);

API

Name	Type	Default	Description
className	string	null	Add classes for codewrapper
children	node		Initial source code for run

Plus all options and events from original library:

in react props style - without data- prefix and in camelCase, like

<KotlinPlayground
    autoIndent={2}
    targetPlatform="js"
    {/* ...and any other */ }
>...</KotlinPlayground>

or in html attrs style - like in original library:

<KotlinPlayground
    auto-indent={2}
    data-target-platform="js"
    {/* ...and any other */ }
>...</KotlinPlayground>

More props options

Acknowledgements