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.
Cross-references

Where this component shows up elsewhere in the foundation.

In modules

2
⚡ 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.

Claude CodeCursorWindsurfGitHub CopilotClineAider+6All 12 guides
Other categories

More component families.