Skip to main content

Balance

Balance is a React component that displays the current user's SUI token balance on the active network.

Usage​

import { Balance } from '@suiware/kit';

function MyComponent() {
  return <Balance />;
}

Features​

  • Automatically displays current SUI balance

  • Updates automatically every 3 seconds

  • Hides when wallet is not connected

  • Uses Radix UI Badge component for consistent styling

  • Green color variant indicating positive balance