Componentes
Blocks
AuthForm
Login, registro y recuperar contraseña en una Card.Login con social y recuperación
Vista previa
import { AuthForm } from "@eidondev/acme-ui/blocks";
<AuthForm
variant="login" // "login" | "register" | "forgot-password"
withRememberMe
onForgotPassword={() => router.push("/recuperar")}
onSubmit={async (values) => signIn(values)} // { email, password, remember }
social={<Button variant="outline" className="w-full">Continuar con Google</Button>}
footer={<>¿No tienes cuenta? <Link href="/registro">Regístrate</Link></>}
/>Registro con error de servidor
Vista previa
Crea tu cuenta
Empieza en menos de un minuto.
No pudimos crear tu cuenta. Intenta de nuevo.
<AuthForm
variant="register"
onSubmit={createAccount}
error={serverError} // banner general
fieldErrors={{ email: "Este correo ya está registrado." }} // por campo
/>Comparación de temas
El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.Legacy · claro
Editorial · claro
Technical · oscuro
Warm · claro
Playful · claro