SmoothUI

Textarea

Last updated: October 14, 2026

Multi-line text field matching Input styling, built on Base UI Input.

Installation

npx smoothui-cli add textarea

Features

  • Same surface language as Input / FieldControl
  • Configurable rows
  • Works inside Field for label / error
  • Base-only (no Radix Input twin)

States

Features

Default multi-line message field.

Compact

Two-row quick note.

Accessibility

ARIA Attributes

AttributeElementPurpose
aria-label / Field labelRootNames the control
aria-invalidRootError styling when inside Field

Props

Powered by

base-ui
SmoothUI

Animated React components with smooth Motion animations. Drop-in shadcn/ui compatible.

© 2026 SmoothUI. Built by Eduardo Calvo.