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
valuestring—Token value to display.
copyableboolean—Enable copy-to-clipboard button.
truncatenumber—Truncate value to this many characters.
variant"default" | "filled""default"Visual style.
size"sm" | "md""md"Pill height.

Examples