CleenUI · AI · AITextArea

AITextArea

Pro

Multi-line input with inline generate, refine, rewrite, and summarize actions powered by your LLM.

storybook.cleenui.com · ai-aitextarea--top
Open in new window

About AITextArea

AITextArea adds a small action bar above the textarea: Generate, Refine, Rewrite, Summarize. Each action runs a configurable prompt against the LLM, streaming the response back into the field with a typewriter animation.

Users can accept, reject, or further-refine the output before committing. Custom actions can be added beyond the four defaults — define a prompt template and a label, and the action shows up in the action bar.

When to use it

  • Email and message composition with rewrite-for-tone actions.
  • Long-form description drafting from short bullet points.
  • Translation and language refinement.
  • Custom workflow actions specific to your product domain.

Common props

Prop
Type
Description
model
string
LLM identifier.
actions
Action[]
Action definitions {label, prompt, icon}.
stream
boolean
Stream the response token-by-token.
context
object
Variables for prompt interpolation.
onCommit
(text: string) => void
Fires when the user accepts the output.
⚡ Already in an AI editor?

Set up CleenUI in your tool.

Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.

Live demo

See CleenUI running before you talk to us.

Configure a demo environment in about twenty seconds — theme, spacing, the modules you care about, sample data for your industry — then launch the full dashboard in your browser. Nothing to install, no signup.

  • 20 sec setup
  • 15 themes
  • 20 modules
  • 80 industries
Pick a theme to start with