# InputArea

UI-buildercraft's InputTextArea component for Angular provides a versatile solution for customizable text areas, offering developers the flexibility to define properties and styling, enhancing the user interface with ease.



{% tabs %}
{% tab title="Preview" %}
<figure><img src="https://3853755219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRZsE7PGMzORdJjMe0QqY%2Fuploads%2FIFRlCDOUvVDWpRQ3tIc1%2Fimage.png?alt=media&#x26;token=fa971f87-dcf0-46d2-a536-d09a49ded958" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Html" %}
```
<UI-BuilderCraft-InputText [label]="'Label'"></UI-BuilderCraft-InputText>

<UI-BuilderCraft-InputText [required]="true" [label]="'Required'"></UI-BuilderCraft-InputText>

<UI-BuilderCraft-InputText [maxlength]="5" [label]="'Max value'"></UI-BuilderCraft-InputText>

<UI-BuilderCraft-InputText [disabled]="true" [label]="'Disabled'"></UI-BuilderCraft-InputText>
```
{% endtab %}

{% tab title="Module" %}


```typescript

  imports: [InputTextAreaComponent]

```
{% endtab %}
{% endtabs %}

| Properties  | Type    | Default Value |
| ----------- | ------- | ------------- |
| Label       | String  | Empty         |
| Disable     | Boolean | False         |
| Placeholder | String  | Empty         |
| Required    | Boolean | False         |
| Maxlength   | Number  | 100           |
| Rows        | Number  | 3             |



