reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
reopt designreopt design

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

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

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

© 2026 reopt Inc. All rights reserved.

Explore/brandapp-ui/Sign In Gate
Auth Gatebrandapp-ui 예제

Sign In Gate

authClient.useSession() 상태에 따라 children/EmptyState/Skeleton 을 분기하는 게이트. 비로그인 시 인라인 안내와 SignInWithReoptButton CTA 가 노출됩니다.

authsessionempty-stategate
opt surface add sign-in-gate
SignInGate
1024px

세션 상태 시뮬레이션

현재 상태: signed-out

🔒

로그인이 필요합니다

이 화면을 이용하려면 Reopt 계정으로 로그인해주세요.

실제 Surface는 authClient.useSession()으로 세션 상태를 감지합니다. 이 데모는 버튼으로 3-state 분기를 시각화한 로컬 시뮬레이션입니다.

관련 예제

brandapp-ui

Reopt User Menu

brandapp-ui - User Menu

Examples
ReoptUserMenu
brandapp-ui

Session Expired Dialog

brandapp-ui - Session Modal

Examples
SessionExpiredDialog
brandapp-ui

BrandApp Control Center

brandapp-ui - Control

Examples
createReoptEavClientcreateReoptTermsClient
이전Reopt User Menu다음Session Expired Dialog