Konversation (Chat-Container) — component.conversation
Scrollender Chat-Verlauf: hält den Blick am unteren Rand, zeigt beim Hochscrollen einen Zurück-nach-unten-Knopf — nimmt Nachrichten und AI-Bausteine im Slot auf
Componentv1.1.0AIweb.applicationdesktop.shellbuilder.preview
Beispiele
Verlauf mit zwei Nachrichten (scrollt, haftet unten)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
height | string: auto | sm | md | lg | "md" |
stickToBottom | boolean | true |
maxWidth | string: none | md | lg | "lg" |
Events & Slots
Slot default: akzeptiert component.*, ui.*, layout.*
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--conversation-border-default | var(--color-border-default) |
--conversation-elevation-overlay | var(--elevation-overlay) |
--conversation-radius-full | var(--radius-full) |
--conversation-surface-overlay | var(--color-surface-overlay) |
--conversation-text-default | var(--color-text-default) |
--conversation-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairline color.border.default color.surface.overlay color.text.default color.text.muted container.lg container.md elevation.overlay font.family.default radius.full size.32 size.4 size.8