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";
ReactDOM.render(
<KotlinPlayground mode="kotlin">
fun main(args: Array<String>){" "}
{
//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"
{ }
>...</KotlinPlayground>
or in html attrs style - like in original library:
<KotlinPlayground
auto-indent={2}
data-target-platform="js"
{ }
>...</KotlinPlayground>
More props options
Acknowledgements