React Embedded Browser Component for Electron
You can try the example in this repository;
Insall as npm package
$ npm install react-embedded-browser
You can use
EmbeddedBrowser component as below:
And you can open URL with
open() method of DOM node of
let browser = document.querySelector('.embedded-browser'); browser.open('https://example.com');
Note: Only one embedded browser can exist in the app.
<EmbeddedBrowser> depends on FontAwesome. Please be sure to install it in your project.
If you only want to change the design of embedded browser, prepare your favorite CSS file and simply use it. You can copy the
default.css and modify it.
If you want to arrange the back/forward buttons, external buttons, title and webview, you can use the each components and you can make your own embedded browser as you like. Please use
<BrowserBody> as below. Note that each elements don't depend on FontAwesome.
To tell which URL should be open, you can use
open() method in
<BrowserBody/> DOM node.
This repository is licensed under the MIT License.