Base ยท SAHI Design System

Components ยท UI Primitives

CopyCodeInput

Input with copy-to-clipboard, for referral / share links.

Props

PropTypeDefaultDescription
valuestringโ€”Text to display and copy.
labelstringโ€”Field label.
onCopy() => voidโ€”Fires after a successful copy.

Reference API for the design concept — align names and types with your implementation.

Guidelines

  • Use in the active theme; the component adapts to light and dark automatically.
  • Keep the purple accent for interactive states only โ€” never as a fill or background.
  • Copy the markup from the Code tab and wire it to base.css tokens.