Docs
Token Thumbnail

Token Thumbnail

A token thumbnail is a component that displays a token thumbnail information, like a logo, name, address and verified status.

T
Tether USD
0xdac1...1ec7

Installation

npx @token-kit/cli@latest add token-thumbnail

Usage

import { TokenThumbnail } from "@/registry/default/ui/token-thumbnail";
<TokenThumbnail
  token={{
    address: "0xdac17f958d2ee523a2206206994597c13d831ec7",
    name: "Tether USD",
    chainId: 1,
    logoURI:
      "https://assets.coingecko.com/coins/images/325/standard/Tether.png",
    verified: true,
  }}
/>