### File

`src/input/text-area.directive.ts`

### Description

A directive for applying styling to a textarea element.

Example:

     * <textarea ibmTextArea></textarea>
     *

See the vanilla carbon docs for more detail.

### Metadata

Selector | `[ibmTextArea]`

### Index

###### Inputs

- invalid
- skeleton
- theme

###### HostBindings

- class.bx--text-area
- class.bx--text-area--light

### Inputs

`invalid` | Default value : `false`
Defined in src/input/text-area.directive.ts:24

`skeleton` | Default value : `false`
Defined in src/input/text-area.directive.ts:25

`theme` | `light` or `dark` input theme Type : `"light" | "dark"` Default value : `"dark"`
Defined in src/input/text-area.directive.ts:21

### HostBindings

class.bx--text-area
`class.bx--text-area: ```
Default value : `true`
Defined in src/input/text-area.directive.ts:23

class.bx--text-area--light
`class.bx--text-area--light: ```
Defined in src/input/text-area.directive.ts:26

    import { Directive, HostBinding, Input } from "@angular/core";

    /**
     * A directive for applying styling to a textarea element.
     *
     * Example:
     *
     * ```html
     * <textarea ibmTextArea></textarea>
     * ```
     *
     * See the [vanilla carbon docs](http://www.carbondesignsystem.com/components/text-input/code) for more detail.
     */
    @Directive({
    	selector: "[ibmTextArea]"
    })
    export class TextArea {
    	/**
    	 * `light` or `dark` input theme
    	 */
    	@Input() theme: "light" | "dark" = "dark";

    	@HostBinding("class.bx--text-area") baseClass = true;
    	@HostBinding("class.bx--text-area--invalid") @Input() invalid = false;
    	@HostBinding("class.bx--skeleton") @Input() skeleton = false;
    	@HostBinding("class.bx--text-area--light") get isLightTheme() {
    		return this.theme === "light";
    	}
    }

# result-matching ""

# No results matching ""