Components

Digiko provides reusable components for building consistent UI across the application.

TokenImage

Automatically fetches and displays token logos from the Klever API. Falls back to a styled placeholder if no logo is available.

import { TokenImage, TOKEN_IDS } from '@/components/TokenImage';
Sizes: xs (20px), sm (32px), md (40px), lg (48px), xl (64px)

IconBox

Consistent icon container with glass morphism styling. Used for decorative icons in cards and stats.

import { IconBox } from '@/components/IconBox';

ConnectWalletPrompt

Full-page prompt displayed when wallet connection is required. Used on pages that need authentication.

import { ConnectWalletPrompt } from '@/components/ConnectWalletPrompt';