title: "SQL Scratchpad"
The lightweight SQL Editor also called "Quick Query" comes as its own <SqlScratchpad /> Web component.
e.g.
import { SqlScratchpad } from "./components/SqlScratchpad";
function App() {
return (
<div className="app">
<header className="app-header">
<p>
SQL Scratchpad Example
</p>
</header>
<SqlScratchpad />
</div>
);
}
Check the demo app about how to integrate it in your own Vue.js, React, JavaScript... project.
Notes
SqlScratchpad in itself composed of other smaller components, e.g. QueryEditor, ExecuteButton...