# はじめに · 使い方

コンポーネントを接続する前に、光とサーフェスを理解します。

Package: @bolerish/edge 0.4.0
Source: https://edge.bolerish.com/ja/docs/usage/

<a id="share-one-light"></a>

## 領域を選ぶ

ライトは、一緒に反応するサーフェスのグループを管理します。セクション全体でも、一部の要素だけでもライトを共有できます。

サーフェス（surface）はライトに接続した HTML 要素です。接続したサーフェスだけがハイライトを表示します。独立して反応させる領域には別のライトを使います。

<a id="keep-your-styles"></a>

## 既存の UI を維持する

Edge は背景、文字、余白、基本の境界線を維持します。デフォルトのハイライトは各サーフェスの文字色と角丸を使います。既存の操作とキーボードフォーカスを維持してください。

サーフェスの反応は[スタイル](https://edge.bolerish.com/ja/docs/styles/)、光の動きは[動き](https://edge.bolerish.com/ja/docs/motion/)で選べます。

input のラッパーや既存の装飾との競合は、[導入時の注意点](https://edge.bolerish.com/ja/docs/integration/#wrap-inputs-you-own)を参照してください。

アプリから要素の位置を変更する場合は、[レイアウトの変更](https://edge.bolerish.com/ja/docs/integration/#refresh-after-layout-changes)を参照してください。

<a id="connect-existing-components"></a>

## フレームワークを選ぶ

使用するフレームワークのガイドを確認してください。

[

### React





](https://edge.bolerish.com/ja/docs/react/usage/)