EditorToolbar
Shells리치 텍스트 에디터 스타일 툴바. Toolbar + Tooltip 조합.
코드 비교 뷰어. LCS 알고리즘 기반 unified/split 모드 diff와 포커스 가능한 스크롤 영역을 제공합니다.
bun add @reopt-ai/opt-uiimport { CodeDiffViewer } from "@reopt-ai/opt-ui";화면 너비와 테마를 바꾸고 컴포넌트를 직접 조작해 보세요.
1- function greet(name) {2- console.log("Hello " + name);1+ function greet(name: string) {2+ console.log(`Hello ${name}`);3+ console.log("Done");34 return true;45 }
1- function greet(name) {2- console.log("Hello " + name);3 return true;4 }
1+ function greet(name: string) {2+ console.log(`Hello ${name}`);3+ console.log("Done");4 return true;5 }
리치 텍스트 에디터 스타일 툴바. Toolbar + Tooltip 조합.
코드 스니펫 뷰어. 줄 번호, 복사 버튼, 포커스 가능한 스크롤 영역, syntaxTheme 톤을 지원합니다.
SQL 에디터. CodeMirror 기반의 SQL 편집기로 구문 강조와 자동 완성을 지원합니다.
마크다운 리치 텍스트 에디터. 서식 툴바 + textarea 조합.
FAQ 질문/답변 아코디언. Composite + Disclosure 조합.
Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot.