v-moravec/uibeta

Auth

npx @v-moravec/ui add auth

Code will be added to ~/components/block/auth/. You can further customize it there.

Copy contents from folder on Github to ~/components/block/auth/ folder in your Nuxt project.

Login form

Login

Don't have an account yet? Register

This is the source code of the block. You can use it to add the block to your project manually.

After adding the block using the CLI, you can use it like this: <LoginForm />

<template>
  <UiCard class="flex w-full max-w-sm flex-col gap-4">
    <div>
      <p class="mb-1 text-2xl font-bold">Login</p>
      <p>
        Don't have an account yet?
        <span class="underline">Register</span>
      </p>
    </div>
    <input
      type="text"
      placeholder="Username"
      class="rounded-lg border border-border bg-secondary p-2 outline-primary"
    />
    <input
      type="password"
      placeholder="Password"
      class="rounded-lg border border-border bg-secondary p-2 outline-primary"
    />
    <UiButton>Login</UiButton>
  </UiCard>
</template>