Sign In With Reopt Button

opt surface add sign-in-with-reopt-button

1024px

Success path

클릭 시 1.4초 pending을 시뮬레이션하고 성공 토스트를 띄웁니다. 실제 환경에서는 브라우저가 Reopt OAuth 엔드포인트로 리다이렉트됩니다.

Error path

OAuth 클라이언트가 비활성/오타인 경우 useToast로 에러 메시지가 노출됩니다. 버튼은 idle 상태로 복귀합니다.

실제 Surface는 @/lib/auth-client의 signInWithReopt(callbackURL)을 호출합니다. 이 데모는 네트워크 왕복을 setTimeout으로 대체한 로컬 시뮬레이션입니다.

Related Examples