Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7
Overview API Styling Examples

Textarea overview

TailNG exposes textarea as a layered pair: use textarea[tngTextarea] for the headless primitive, then reach for <tng-textarea> when you want the default component styling and controlled-value API.

Imports

Choose the primitive or styled layer based on how much rendering and styling you want to own.

Primitive imports

ts
import { TngInputGroup, TngTextarea } from '@tailng-ui/primitives';

Component import

ts
import { TngTextareaComponent } from '@tailng-ui/components';

Textarea variants

Compare the same textarea component rendered inside a plain CSS wrapper and a Tailwind utility shell.

Plain CSS textarea stack

value: Add concise release highlights for the weekly digest.

Behavior baseline

  • The underlying textarea keeps native editing, selection, and IME composition behavior.
  • rows is normalized to at least 1 on both the primitive and the component.
  • resize accepts vertical, horizontal, both, or none.
  • <tng-textarea> renders an internal native textarea that already carries the shared input contract plus textarea-specific rows and resize behavior.