Skip to content

Contact Components

Overview

Components for managing and displaying contacts.

Components

ContactCard

A shareable card view of a contact.

  • Avatar: Generated from address if not provided.
  • Name: User alias.
  • QR Code: Encoded contact data for easy scanning.
  • Labels: Color-coded badges for different chains/tags.

Usage

tsx
<ContactCard
  name="Alice"
  address="0x123..."
  qrContent="keyapp:contact?name=Alice&addr=0x123"
  addresses={[{ address: '0x123', label: 'Main' }]}
/>

Released under the MIT License.