Befehls-Schnipsel
Einzeiliger Befehl mit Prompt-Zeichen und Kopieren-Knopf, optional mit Reitern (npm/pnpm/yarn) — Docs- und Onboarding-Baustein
Nutzt: ui.icon
Beispiele
Mit Paketmanager-Reitern
npm install @tricoma/invisibleEinzelner Befehl
npm run buildEigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| variants * | array | — | Varianten |
| prompt | string | "$" | Prompt-Zeichen |
* Pflicht-Prop
Events & Slots
Events:
⚡ copy — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--snippet-action-primary | var(--color-action-primary) |
--snippet-border-default | var(--color-border-default) |
--snippet-radius-control | var(--radius-control) |
--snippet-radius-sm | var(--radius-sm) |
--snippet-status-success | var(--color-status-success) |
--snippet-surface-default | var(--color-surface-default) |
--snippet-surface-sunken | var(--color-surface-sunken) |
--snippet-text-default | var(--color-text-default) |
--snippet-text-disabled | var(--color-text-disabled) |
--snippet-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairlinecolor.action.primarycolor.border.defaultcolor.status.successcolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.disabledcolor.text.mutedfont.family.defaultfont.family.monoradius.controlradius.smsize.2size.3size.8text.smtext.xs