Identity Components
Components for displaying blockchain addresses and domain names.
Identity Components
Identity components help you display blockchain addresses and domain names in your application.
Address
The Address component displays Ethereum addresses with optional abbreviation.
import { Address } from '@avalabs/builderkit';
// Basic usage
<Address address="0x1234567890123456789012345678901234567890" />
// With abbreviation
<Address
address="0x1234567890123456789012345678901234567890"
abbreviate={true}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
address | string | - | The Ethereum address to display |
abbreviate | boolean | false | Whether to show shortened address |
Domain
The Domain component handles the display of ENS and other domain names.
import { Domain } from '@avalabs/builderkit';
// Basic usage
<Domain address="0x1234567890123456789012345678901234567890" />
// With fallback to address
<Domain
address="0x1234567890123456789012345678901234567890"
showAddressIfNotAvailable={true}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
address | string | - | The address to resolve domain for |
showAddressIfNotAvailable | boolean | false | Show address if no domain is found |
className | string | - | Additional CSS classes |
Is this guide helpful?