Locai IAM Service Docs

Overview

UserDetails component is a user interface element for displaying and updating user profile and security details. It includes forms for updating the user’s profile information and changing the user’s password. It provides a callback for redirecting to the sign-in page.

You can not customize this component layout structure, design or content.

component profile tab

<UserDetails /> component security tab — component security tab

Props

A callback function that is called to redirect the user to the sign-in page.

Example Usage

Reference:

Demo Next.js project source code
UserDetails page demo source code

user-details.tsx

'use client';

import { useCallback } from 'react';
import { useRouter } from 'next/navigation';

import { UserDetails } from '@locai1/iam-react';

import { SIGN_IN_PAGE } from '@/const';

export const UserDetailsComponent = () => {
  const { push } = useRouter();

  const redirectToSignIn = useCallback(() => {
    push(SIGN_IN_PAGE);
  }, []);

  return (
    <UserDetails redirectToSignIn={redirectToSignIn} />
  );
};

​Overview

​Props

​Example Usage

Overview

Props

Example Usage