# 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/ko/docs/index.md): 기존 색상, 레이아웃과 상호작용을 유지하면서 UI에 은은한 하이라이트를 더하세요.

- [시작하기 · 설치](https://edge.bolerish.com/ko/docs/installation/index.md): Edge를 설치하고 React에서 사용하세요.

- [시작하기 · 사용법](https://edge.bolerish.com/ko/docs/usage/index.md): 컴포넌트를 연결하기 전에 조명과 서피스의 개념을 살펴보세요.

- [React · 사용법](https://edge.bolerish.com/ko/docs/react/usage/index.md): 기본적으로 Edge.Provider와 Edge.Surface를 사용하세요. 기존 컴포넌트에 직접 연결할 때는 useSurface를 사용할 수 있습니다.

- [React · Edge.Provider](https://edge.bolerish.com/ko/docs/react/provider/index.md): 하위 서피스가 공유할 조명 영역을 만듭니다.

- [React · Edge.Surface](https://edge.bolerish.com/ko/docs/react/surface/index.md): DOM 요소에 조명 효과를 적용합니다.

- [React · useLight](https://edge.bolerish.com/ko/docs/react/use-light/index.md): 조명 핸들을 만들고 설정합니다.

- [React · useSurface](https://edge.bolerish.com/ko/docs/react/use-surface/index.md): 기존 DOM 요소를 조명에 연결할 ref를 반환합니다.

- [스타일 · 스타일](https://edge.bolerish.com/ko/docs/styles/index.md): 기존 스타일을 유지하면서 서피스가 조명에 반응하는 방식을 선택하세요.

- [스타일 · 움직임](https://edge.bolerish.com/ko/docs/motion/index.md): 공유 조명이 포인터를 따라갈지 고정 방향을 유지할지 선택하세요.

- [가이드 · 적용 시 고려사항](https://edge.bolerish.com/ko/docs/integration/index.md): 기존 가상 요소, input 요소, 레이아웃 변경과 함께 사용하는 방법을 확인하세요.

- [가이드 · AI 연동](https://edge.bolerish.com/ko/docs/ai-integration/index.md): AI로 UI를 수정하기 전에 Edge 문서를 읽도록 요청하세요.

## Complete documentation

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