CopyableText

Copyable text passer der brukeren trenger en verdi ordrett – en kommando, en token eller en ID – og ellers ville markert og kopiert teksten manuelt. Den er mest aktuell i utviklerflater, men er også nyttig for sluttbrukere som må ta med seg en lang kode videre.

Medium er standard og gir mest luft rundt teksten. Small er 2rem høy og passer der plassen er trang, for eksempel i en tabellrad eller ved siden av annen tekst.

<div style={{ display: 'flex', flexDirection: 'column' }}>
  <CopyableText>Medium er standard</CopyableText>
  <CopyableText size="small">Small</CopyableText>
</div>

Bekreftelsen vises som en toast, så komponenten må ha en ToastProvider over seg i komponenttreet. Uten den skjer ingenting synlig når brukeren kopierer. Les mer om toast på dokumentasjonssiden for Alert.