Befehls-Schnipsel — component.snippet
Einzeiliger Befehl mit Prompt-Zeichen und Kopieren-Knopf, optional mit Reitern (npm/pnpm/yarn) — Docs- und Onboarding-Baustein
Componentv1.0.0Inhaltweb.documentweb.applicationdesktop.shellbuilder.preview
Beispiele
Mit Paketmanager-Reitern
npm install @tricoma/invisibleEinzelner Befehl
npm run buildEigenschaften
| Prop | Typ | Default |
|---|---|---|
variants * | array | — |
prompt | string | "$" |
Events & Slots
Events: copy
Stellschrauben (Komponenten-Tokens)
| 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.hairline color.action.primary color.border.default color.status.success color.surface.default color.surface.sunken color.text.default color.text.disabled color.text.muted font.family.default font.family.mono radius.control radius.sm size.2 size.3 size.8 text.sm text.xs