Reset Password

A reset password page with email, new password, and password confirmation fields. Designed to be used inside x-fwb.layouts.auth.

Reset Password Page

Reset password

Please enter your new password below

Blade code

<div class="flex flex-col gap-6">
    <div class="flex w-full flex-col text-center">
        <h1 class="text-xl font-semibold text-gray-900 dark:text-white">Reset password</h1>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Please enter your new password below</p>
    </div>

    <form method="POST" action="#" class="flex flex-col gap-6">
        <x-fwb.input name="email" label="Email" type="email" required />
        <x-fwb.input name="password" label="Password" type="password" required placeholder="Password" />
        <x-fwb.input name="password_confirmation" label="Confirm password" type="password" required placeholder="Confirm password" />
        <x-fwb.button type="submit" class="w-full">Reset password</x-fwb.button>
    </form>
</div>