Prompt-Eingabe — component.prompt-input

Componentv1.1.0AIweb.applicationdesktop.shellbuilder.preview

Beispiele

Leer (Enter sendet, Feld wächst mit)

Antwortet gerade — Senden wird zu Stop

Eigenschaften

Prop	Typ	Default
`placeholder`	string	`"Frag etwas …"`
`value`	string	`""`
`busy`	boolean	`false`
`attachButton`	boolean	`true`
`modelLabel`	string	`""`
`hint`	string	`"Enter sendet · Umschalt+Enter für Zeile…`
`maxWidth`	string: none \| md \| lg	`"none"`

Events & Slots

Events: submit, stop

Stellschrauben (Komponenten-Tokens)

Token	Default
`--prompt-input-action-disabled`	`var(--color-action-disabled)`
`--prompt-input-action-on-disabled`	`var(--color-action-on-disabled)`
`--prompt-input-action-on-primary`	`var(--color-action-on-primary)`
`--prompt-input-action-primary`	`var(--color-action-primary)`
`--prompt-input-action-primary-hover`	`var(--color-action-primary-hover)`
`--prompt-input-form-background`	`var(--form-background)`
`--prompt-input-form-border`	`var(--form-border)`
`--prompt-input-form-border-focus`	`var(--form-border-focus)`
`--prompt-input-form-placeholder`	`var(--form-placeholder)`
`--prompt-input-radius-control`	`var(--radius-control)`
`--prompt-input-radius-full`	`var(--radius-full)`
`--prompt-input-radius-surface`	`var(--radius-surface)`
`--prompt-input-status-danger`	`var(--color-status-danger)`
`--prompt-input-surface-sunken`	`var(--color-surface-sunken)`
`--prompt-input-text-default`	`var(--color-text-default)`
`--prompt-input-text-muted`	`var(--color-text-muted)`

Genutzte Design-Tokens

border.hairline color.action.disabled color.action.on-disabled color.action.on-primary color.action.primary color.action.primary-hover color.status.danger color.surface.sunken color.text.default color.text.muted container.lg container.md font.family.default form.background form.border form.border-focus form.placeholder leading.base radius.control radius.full radius.surface size.1 size.2 size.3 size.32 size.8 text.md text.xs