本文へスキップ

使い方

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

領域を選ぶ

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

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

既存の UI を維持する

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

サーフェスの反応はスタイル、光の動きは動きで選べます。

input のラッパーや既存の装飾との競合は、導入時の注意点を参照してください。

アプリから要素の位置を変更する場合は、レイアウトの変更を参照してください。

フレームワークを選ぶ

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

React

bolerish/edge · はじめに