# Edge

> Shared directional highlights for your existing UI.

Documentation target: @bolerish/edge 0.4.0. Check the installed package version and declarations before applying these examples.

React prepares styles automatically; for SSR render Edge.Styles once per document before application styles, with the request nonce when CSP requires it. React 18 and 19 are supported. Other framework adapters are not available yet. The library defaults to motion="system"; interactive examples use the documentation site’s preferences.

## Documentation

- [はじめに · はじめに](https://edge.bolerish.com/ja/docs/index.md): 既存の色、レイアウト、操作を保ちながら、UI に控えめなハイライトを加えます。

- [はじめに · インストール](https://edge.bolerish.com/ja/docs/installation/index.md): Edge をインストールして React で使い始めます。

- [はじめに · 使い方](https://edge.bolerish.com/ja/docs/usage/index.md): コンポーネントを接続する前に、光とサーフェスを理解します。

- [React · 使い方](https://edge.bolerish.com/ja/docs/react/usage/index.md): まず Edge.Provider と Edge.Surface を使用してください。既存のコンポーネントに直接接続する場合は useSurface を使用できます。

- [React · Edge.Provider](https://edge.bolerish.com/ja/docs/react/provider/index.md): 子孫のサーフェスで共有する照明を作成します。

- [React · Edge.Surface](https://edge.bolerish.com/ja/docs/react/surface/index.md): DOM 要素に照明効果を適用します。

- [React · useLight](https://edge.bolerish.com/ja/docs/react/use-light/index.md): 照明ハンドルを作成して設定します。

- [React · useSurface](https://edge.bolerish.com/ja/docs/react/use-surface/index.md): 既存の DOM 要素を照明に接続する ref を返します。

- [スタイル · スタイル](https://edge.bolerish.com/ja/docs/styles/index.md): 基本のスタイルを変えずに、サーフェスが光に反応する方法を選びます。

- [スタイル · 動き](https://edge.bolerish.com/ja/docs/motion/index.md): 共有する光がポインターに追従するか、方向を固定するかを選びます。

- [ガイド · 導入時の注意点](https://edge.bolerish.com/ja/docs/integration/index.md): 既存の擬似要素、input 要素、レイアウト変更と組み合わせる方法を確認します。

- [ガイド · AI との統合](https://edge.bolerish.com/ja/docs/ai-integration/index.md): アシスタントが UI を変更する前に、最新の Edge ドキュメントを渡してください。

## Complete documentation

- [All documents](https://edge.bolerish.com/ja/llms-full.txt): Full text of the pages above.