custom login page

/**
 * @description Render a redirect to login page button node. If set to false, login button will not be rendered.
 * @default `"/login"`
 * @optional
 */
loginLink?: React.ReactNode;

<Route
  path="/login"
  element={<AuthPage type="login" registerLink={false} />}
/>

<AuthPage
  type="login"
  registerLink={false}
  wrapperProps={{
    style: {
      paddingTop: 24,
    },
  }}
  formProps={{
    initialValues: {
      email: "demo@refine.dev",
      password: "password",
    },
  }}
/>

import { AuthPage } from "@refinedev/antd";

const MyLoginPage = () => {
  return <AuthPage type="login" registerLink={false} title={<h1>My Custom Title</h1>} />;
};

import { AuthPage, ThemedTitleV2 } from "@refinedev/antd";

const MyLoginPage = () => {
  return (
    <AuthPage
      type="login"
      registerLink={false}
      title={
        <ThemedTitleV2
          title="My Custom Title"
          icon={<img src="<https://refine.dev/img/logo.png"> />}
        />
      }
    />
  );
};

<AuthPage
  type="login"
  registerLink={false}
  providers={[
    {
      name: "credentials", // This is for the default email/password login
      label: "My Custom Sign In Button Text", // Custom label for the button
    }
  ]}
/>

<AuthPage
  type="login"
  providers={[
    {
      name: "github",
      icon: <GithubOutlined style={{ fontSize: "18px" }} />,
      label: "Sign in with GitHub", // Custom label for provider button
    },
  ]}
/>

<AuthPage
  type="login"
  renderContent={(content) => {
    // Return modified content without the register link
    return <>{content}</>;
  }}
/>