---
title: Getting Started
description: Library homepage
layout: ../../../layouts/MainLayout.astro
---

Consider the following code:

```astro
---
import Form, { FormGroup } from '@astro-reactive/form';
import { Validators } from '@astro-reactive/validator';

const form = new FormGroup([
  {
    name: 'username',
    label: 'Username',
    validators: [Validators.required],
  },
  {
    name: 'password',
    label: 'Password',
    validators: [Validators.required, Validators.minLength(8)],
  },
]);
---

<Form formGroups={form} />
```
