Textarea

CombricDocumentation version

Native resizable multiline text control.

Import and usage

import { Textarea } from "@combric/react";

Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.

Examples

Default textarea

import { Textarea } from "@combric/react";

export function Example() {
  return <Textarea aria-label="Notes" defaultValue="Package-first UI." />;
}

Disabled textarea

import { Textarea } from "@combric/react";

export function Example() {
  return <Textarea aria-label="Notes" defaultValue="Read only notes." disabled />;
}

Invalid textarea

import { Textarea } from "@combric/react";

export function Example() {
  return <Textarea aria-label="Notes" aria-invalid="true" required />;
}

Public API

Public exports
Name
`Textarea`

Documented contracts
Property / capability	Published contract
Contract	All native textarea props
Contract	aria-invalid styling

Accessibility

Requires a programmatic label and retains normal browser resizing and form behavior.

CSS and customization

Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.

Source

View source on GitHub