# MUK TEXT AREA

## Usage

```html

<lib-muk-text-area
        [controller]="controller"
        [label]="label"
        [placeholder]="Placeholder"
        [isReadOnly]="isReadOnly"
        [isRequired]="isRequired"
        [rows]="rows"
        [columns]="columns"
        [isDisabled]="isDisabled"
        (inputValueChanged)="onInputValueChanged($event)"
></lib-muk-text-area>
```

```typescript
import {Component} from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    controller = new FormControl();
    label = 'Label';
    placeholder = 'Placeholder';
    isReadOnly = false;
    isRequired = false;
    rows = 5;
    columns = 5;
    isDisabled = false;
  

    onInputValueChanged(event: InputValueChanged) {
        console.log(event);
    }
}
```

### Properties

| Name           | Type        | Description                              |
|----------------|-------------|------------------------------------------|
| controller     | FormControl | The form control associated to the input |
| label          | string      | The label of the input                   |
| placeholder    | string      | The placeholder of the input             |
| isDisabled     | boolean     | Whether the input is disabled or not     |
| isReadOnly     | boolean     | Whether the input is read only or not    |
| isRequired     | boolean     | Whether the input is required or not     |
| rows           | number      | The number of rows of the input          |
| columns        | number      | The number of columns of the input       |

### Events

| Name              | Type                            | Description                                                                                                                                                                                                                                     |
|-------------------|---------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| inputValueChanged | EventEmitter<InputValueChanged> | Emits the value of the input when it changes. The value is an object with the following properties: `value` (the value of the input), `controller` (the form control associated to the input) and `event` (the event that triggered the change) |