# MUK TEXT AREA

## Usage

```html

<lib-muk-toggle
        [controller]="controller"
        [label]="label"
        [color]="color"
        [isDisabled]="isDisabled"
        [isChecked]="isChecked"
        (onChange)="onChange($event)"
></lib-muk-toggle>
```

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

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    controller = new FormControl();
    label = 'Label';
    color = 'primary';
    isDisabled = false;
    isChecked = false;

    onChange(event: ToggleValueChanged) {
        console.log(event);
    }
}
```

### Properties

| Name       | Type            | Description                              |
|------------|-----------------|------------------------------------------|
| controller | FormControl     | The form control associated to the input |
| label      | string          | The label of the input                   |
| color      | MukThemePalette | The color of the input                   |
| isDisabled | boolean         | Whether the input is disabled            |
| isChecked  | boolean         | Whether the input is checked             |

### Events

| Name     | Type         | Description                               |
|----------|--------------|-------------------------------------------|
| onChange | EventEmitter | Fired when the value of the input changes |