Terminal (Ausgabe)
Terminal-Fenster mit Fenster-Punkten und Zeilen-Typen (Befehl, Ausgabe, Erfolg, Fehler, Hinweis); Zeilen erscheinen nacheinander (abschaltbar, respektiert prefers-reduced-motion)
Beispiele
Installations-Ablauf (Zeilen erscheinen nacheinander)
$ npm run buildtokens: 179 Referenz-, 76 semantische Tokens, 10 Themesregistry: 128 Definitionenassets: 98 CSS-, 34 JS-ArtefakteBuild erfolgreichHinweis: 2 Definitionen ohne llm.md
Fehlerfall, ohne Animation
$ npm test235 bestanden, 1 fehlgeschlagen
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title | string | "" | Fenster-Titel |
| lines * | array | — | Zeilen |
| prompt | string | "$" | Prompt-Zeichen |
| animate | boolean | true | Zeilen nacheinander einblenden |
| cursor | boolean | true | Cursor am Ende |
* Pflicht-Prop
Events & Slots
Events:
⚡ done — im Surface per on: {<event>: {action, params}} verdrahtbar.
Genutzte Design-Tokens
border.hairlinecolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.border.strongcolor.status.dangercolor.status.successcolor.status.warningfont.family.defaultfont.family.monoleading.looseradius.fullradius.surfacesize.2size.3size.4text.smtext.xs
LLM-Notizen
component.terminal
Terminal-Fenster für Doku und Demos. Zeilen-Typen färben sich aus Status-Tokens.
Wichtige Props
lines* =[{text, type?: command|output|success|error|hint}],title,prompt,animate,cursor.
Hinweise
- Inhalte werden IMMER escaped — beliebige Log-Ausgaben sind sicher darstellbar.
- Bei
animate: trueerscheinen die Zeilen nacheinander (Verzögerung serverseitig gesetzt); emittiertdone, wenn die letzte Zeile da ist. - Für kopierbare Einzelbefehle:
component.snippet, für Quelltext:component.code-block.