Waiting for action
Open a sub-component to view its docs and settings.
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Inset note entry box for CRM panels, comment threads, and quick-capture forms. Includes attachment, mention, and a reusable EmojiPicker popover plus a primary save button.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Controlled textarea value. |
defaultValue | string | "" | Initial value when uncontrolled. |
onChange | (value) => void | — | Called when the textarea changes. |
onSave | (value) => void | — | Called with trimmed text when Save is pressed. |
placeholder | string | "Add a note..." | Textarea placeholder. |
saveButtonLabel | string | "Save Note" | Primary action label. |
showAttach | boolean | true | Show attachment toolbar button. |
showMention | boolean | true | Show mention toolbar button. |
showEmoji | boolean | true | Show emoji picker trigger in the toolbar. |
onAttachClick | () => void | — | Attachment button callback. |
onMentionClick | () => void | — | Mention button callback. |
onEmojiSelect | (emoji) => void | — | Called after an emoji is inserted into the note. |
