rokle

Personality

20
40
70
15

Active brand: Meridian

Adjust sliders to see every component on the page respond in real time.

Textarea

Multi-line text input. Shares input token styling.

Examples

Default

With Label

Disabled

With Content

Invalid

Textarea with error styling.

With Button

Textarea with a send button.

Installation

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

Usage

import { Textarea } from "@rokle/components";
import { Textarea } from "@rokle/components";

export function Example() {
  return <Textarea />;
}

Source

The implementation source for this component. Copy it into your project and customise.

API Reference

PropTypeDefaultDescription
placeholderstring-Placeholder text.
rowsnumber3Visible rows.
disabledbooleanfalseDisable interaction.