<UserProfile>

Tabbed account panel — profile, security, and sessions. Drop into its own /user (or /account) route and link from <UserButton> .

Copy this quickstart guide as a prompt for LLMs to implement KolayLogin in your application.

Usage

// app/user/[[...rest]]/page.tsx  (Next.js App Router)
import { UserProfile } from '@kolaylogin/react';
export default () => <UserProfile />;

Props

initialTab — open on 'profile', 'security', or 'sessions'. Default 'profile'.
onUpdate — callback when the user saves profile changes.

Tabs

Profile — first / last name, read-only email + username.
Security — change password (current-password gated).
Sessions — list current, sign out of everywhere else (single action today; per-device revoke on the roadmap).

Everything is wired to the existing instance API under /v1/sessions/currentand /v1/auth/sign-out/all. If you swap any of those for your own, pass a thin adapter via your custom flow instead of this prebuilt component.

← Previous

Control components