GET STARTED

Import

Import the standalone directive from the granular Textarea entry point.

import {
  NeuralTextarea,
  type NeuralTextareaResizeMode,
} from '@neural-ng/core/textarea';

@Component({ imports: [NeuralTextarea] })
export class FeedbackForm {}

NATIVE FIRST

Basic textarea

The directive enhances the real textarea. Labels, validation, form submission, selection and native events stay on the same element.

Angular Forms

Template-driven, Reactive and Signal Forms bind directly to the native host. No ControlValueAccessor or duplicated model API is introduced.

CSS-native auto resize

autoResize uses field-sizing: content. It reads no scrollHeight, registers no browser listener and remains SSR safe.

Manual resize modes

Vertical is the default. Horizontal, both and none are explicit alternatives; auto resize always takes precedence.

States and Field composition

Disabled and readonly remain native. Neural Field composes deterministic naming, descriptions, required, invalid, pending, fluid and unstyled state.

Fluid layout

Fluid fills the available inline size while preserving native rows and resize behavior.

Unstyled and native classes

The host is already the native textarea, so ordinary class bindings are the styling API. Unstyled removes NeuralNg visual and resize classes while keeping structure and semantics.

Directive

Inputs

Methods

Native API remains public

Rows, cols, name, placeholder, autocomplete, wrap, minlength, maxlength, required, disabled, readonly, spellcheck and form attributes stay native. Listen to native input, change, focus and blur events without aliases.

Public types and compatibility

Design tokens

Override tokens locally, at a product boundary or through a generated Neural theme.