Installation

Install Edge and start using it in React.

Installation

The React adapter requires React 18 or 19. Other framework adapters are not available yet.

npm

npm install @bolerish/edge

Default styles

React prepares the default CSS automatically when a surface connects, with or without Edge.Provider. No stylesheet import is required. For SSR, render Edge.Styles once per document before application styles. If CSP requires a nonce, pass the same request nonce on the server and during hydration.

SSR and CSP

<Edge.Styles nonce={nonce} />

Optional CSS import

@import "@bolerish/edge/style.css";

Existing CSS imports remain supported. The CSS file is also available for framework-independent use. When loading it explicitly, put it before application and utility styles; a reset may load first. Package CSS imports require a build tool that resolves package paths.

Start using Edge

Choose an area and its surfaces in Usage, then connect them with React.