Copy Field

Ein Wert, der nur über den Button in die Zwischenablage geht.

Live-Specimen

Was sehe ich hier?

Interaktion vor Erklärung.

Dieses Showcase hält das bestehende Specimen bewusst frei von langen Anleitungen. Zustände, Varianten und Verhalten lassen sich direkt ausprobieren.

Zum Nachlesen

Nutze es für Werte, bei denen ein halb markierter String teuer ist — Installationsbefehle, Klon-URLs, Schlüssel. Für Text, den jemand lesen und weiterverarbeiten soll, bleibt ein normales Feld richtig.

Live-SpecimenUnveränderte Komponentenimplementierung

With a shell prefix

Clone over HTTPS

git clone https://git.liorith.dev/liorith/designsystem.git

Labelled button instead of icon only

API key

lrth_sk_9f2c41ab77e0

Long value — truncates, copies in full

Webhook

https://hooks.liorith.dev/v1/deploy/8f3a2c91-4b7d-4e2a-9c15-6d8e0f4a7b23

Bare — no label

npm install @liorith/design-system