Can't get value from shadcn-svelte Input (used example from docs)

[CarlosGTrejo]

When I check the form data in my +page.server.ts file the form value is null, it works if I use the html input element, but not when I use the shadcn-svelte Input.

<!-- +page.svelte -->
<script lang="ts">
 import { Button } from "$lib/components/ui/button/index.js";
 import { Input } from "$lib/components/ui/input/index.js";
</script>
 
<form method="POST" class="flex w-full max-w-sm items-center space-x-2">
 <Input id="name" type="test" placeholder="name" />
 <Button type="submit">Next</Button>
</form>

// +page.server.ts
import type { Actions } from './$types';
export const actions = {
    default: async ({ request }) => {
        const form = await request.formData();
        console.log(form);
        const name= form.get('name');
        console.log(name);
    }
} satisfies Actions;

Output:

FormData {}
null

I'm using the next shadcn-svelte components for my Sveltekit project.
I copied the example from the official docs.

[huntabyte]

Give the input a name attribute :)

[CarlosGTrejo]

Oops, that's embarrassing... thanks!