Sign in

$pnpm dlx shadcn@latest add @nextui/sign-in

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

1"use client";
2
3import { useState } from "react";
4import { SignInCard } from "@/components/blocks/sign-in";
5
6export function Login() {
7  const [pending, setPending] = useState(false);
8
9  return (
10    <SignInCard
11      title="Welcome back"
12      description="Sign in to your Kite workspace"
13      forgotHref="/reset"
14      signUpHref="/signup"
15      pending={pending}
16      onProviderClick={(id) => location.assign(`/auth/${id}`)}
17      onSubmit={async ({ email, password, remember }) => {
18        setPending(true);
19        await fetch("/api/login", { method: "POST", body: JSON.stringify({ email, password, remember }) });
20        setPending(false);
21      }}
22    />
23  );
24}