1# AuthForm
2 
3A customizable Form to create login, register or password reset forms.
4 
5## Key Props
6 
7- `fields`: as an array of objects with the following properties:
8 
9- `name: string`{lang="ts-type"}
10- `type: 'checkbox' | 'select' | 'otp' | 'InputHTMLAttributes['type']'`{lang="ts-type"}
11 
12Each field must include a `type` property, which determines the input component and any additional props applied: `checkbox` fields use [Checkbox](/docs/components/checkbox#props) props, `select` fields use [SelectMenu](/docs/components/select-menu#props) props, `otp` fields use [PinInput](/docs/components/pin-input#props) props, and all other types use [Input](/docs/components/input#props) props.
13 
14- `title`: to set the title of the Form.
15- `description`: to set the description of the Form.
16- `icon`: to set the icon of the Form.
17- `providers`: to add providers to the form.
18- `separator`: to customize the [Separator](/docs/components/separator) between the providers and the fields.
19- `submit`: to change the submit button of the Form.
20 
21## Usage
22 
23```vue
24<UAuthForm
25  <!-- props here -->
26/>
27```
28