Imagine ArtImagine Art

Token Display

View in Figma

A monospace pill for showing API keys, tokens, or hashes with optional copy-to-clipboard.

Feedback & Status

Import

import { TokenDisplay } from "@/components/ui"

API

PropTypeDefaultDescription
valuestringToken value to display.
copyablebooleanEnable copy-to-clipboard button.
truncatenumberTruncate value to this many characters.
variant"default" | "filled""default"Visual style.
size"sm" | "md""md"Pill height.

Examples