NotesEditor

A self-saving text field. It's the core <TextArea> (multiline, autosize, size, variant, placeholder) plus a debounced auto-save and a Saving/Saved status. Give it an onSave callback — it fires ~1s after typing stops, or immediately on Ctrl/Cmd+S. Everything else is inherited from TextArea.

Auto-save in action

Notes

Save log (from onSave):

Edit the notes and pause — or press Ctrl/Cmd+S.

let notes = $state('');
async function save(v) { await api.save(v); }

<NotesEditor bind:notes onSave={save} />   <!-- saves ~1s after typing stops, or on Ctrl/Cmd+S -->

Size (inherited from TextArea)

Notes

Variants (inherited from TextArea)

Notes

What NotesEditor adds vs. TextArea

NotesEditor owns

• Debounced auto-save (~1s after typing stops)
• Ctrl/Cmd+S to save immediately
• Status: Typing… / Saving… / Saved / Save failed

Inherited from <TextArea>

• Multiline + autosize (min/max rows)
• size + variant axes
• Placeholder, theme tokens, focus ring