reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui201opt-charts37opt-datagrid7opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview201Core74Shells95Blocks32
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 소개
  • 문의
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/셸/SchemaTree

SchemaTree

셸

쿼리할 수 있는 테이블과 컬럼을 타입 글리프와 함께 보여주는 트리. 테이블·컬럼을 함께 검색하고, 이름을 커서에 삽입하거나 테이블을 미리보기합니다.

관련 문서
npx @reopt-ai/opt-cli surface add schema-tree
100%

What can be queried

    • idUUID
    • nameVARCHAR
    • device_idVARCHAR
    • propertiesJSON
    • pathVARCHAR
    • countryVARCHAR
    • durationINTEGER
    • created_atTIMESTAMP
Search for utm_source, or hover a table for its actions.

컴포넌트 의존 관계

깊이
▼ USES (2)SchemaTreefield-tokenhighlight

테스트 커버리지

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

SchemaTree 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

관련 컴포넌트

FieldToken

필드 타입을 일관된 글리프와 선택적 텍스트 레이블로 표현합니다. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 같은 아이콘과 팔레트 슬롯을 씁니다.

Highlight

검색어에 해당하는 구간을 <mark>로 표시. 긴 항목 우선 매칭이라 겹치는 검색어도 조각나지 않는다.

FaqAccordion

FAQ 질문/답변 아코디언. Composite + Disclosure 조합.

표시

PageAside

Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot.

EnvPanel

환경변수 패널. Disclosure로 환경별 그룹 접기/펼치기, Composite로 변수 탐색.

표시

BranchSelect

Git 브랜치 선택 드롭다운. Select primitive 래퍼.

표시
이전CatalogFrame다음QueryToolbar

스키마 컬럼 목록

  • event_nameVARCHAR
  • user_iduuid
  • occurred_atTIMESTAMP WITH TIME ZONE
  • revenueDECIMAL(12,2)
  • is_internalboolean
  • propertiesJSONB
  • referrerurl
  • client_ipinet
  • tagstext[]

전체 타입

StringNumberBooleanDateDate and timeDurationPercentCurrencyEnumArrayObjectJSONIP addressGeo pointURLEmailIdentifierBinaryAggregateNestedUnknown

크기와 채우기

결제 금액

검색어 강조

  • checkout_completed · plan=pro · country=KR
  • checkout_started · plan=free · country=US
  • signup_completed · source=organic · country=KR
  • page_view · path=/pricing · country=JP

검색어 여러 개

checkout_completed 이벤트가 KR 지역에서 12% 증가했고 US 지역에서는 3% 감소했습니다.

기본 사용

Header + Nav + Footer 3-slot

Docs

설치
빠른 시작
토큰
Shells

4 sections

메인 콘텐츠 영역

Header / Footer 없이 Nav만

설치
빠른 시작
토큰
Shells
콘텐츠

Slot padding override — headerClassName / bodyClassName

Explore

넓은 header padding으로 타이틀+부연 설명 레이아웃

설치
빠른 시작
토큰
Shells

12 components

콘텐츠

기본 사용

기본 사용

선택된 브랜치: main