Prompt-Eingabe

Chat-Eingabe: mitwachsendes Textfeld, Enter sendet (Umschalt+Enter = Zeilenumbruch), Werkzeugleiste (Anhang, Modell) und Senden/Stop-Knopf

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Leer (Enter sendet, Feld wächst mit)

Opus 4.8

Enter sendet · Umschalt+Enter für Zeilenumbruch

Antwortet gerade — Senden wird zu Stop

Fasse die offenen Aufträge zusammen

Opus 4.8

Enter sendet · Umschalt+Enter für Zeilenumbruch

Eigenschaften

Prop	Typ	Default	Builder-Label
placeholder	string	"Frag etwas …"	Platzhalter
value	string	""	Vorbelegung
busy	boolean	false	Antwortet gerade (Stop-Knopf)
attachButton	boolean	true	Anhang-Knopf
modelLabel	string	""	Modell-Anzeige (leer = aus)
hint	string	"Enter sendet · Umschalt+Enter für Zeile…	Hinweis unter dem Feld
maxWidth	string: none | md | lg	"none"	Lesebreite (passend zur Konversation)

* Pflicht-Prop

Events & Slots

Events: ⚡ submit⚡ stop — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

border.hairlinecolor.action.disabledcolor.action.on-disabledcolor.action.on-primarycolor.action.primarycolor.action.primary-hovercolor.status.dangercolor.surface.sunkencolor.text.defaultcolor.text.mutedcontainer.lgcontainer.mdfont.family.defaultform.backgroundform.borderform.border-focusform.placeholderleading.baseradius.controlradius.fullradius.surfacesize.1size.2size.3size.32size.8text.mdtext.xs