Hash

Compact middle-truncated display for addresses and hashes.

Demo

Address

0xd8dA6BF26964aF9D7eEd9…e03E53415D37aA96045

Transaction hash

0xa1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e…5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2

Contract

0x420000000000000000000…0000000000000000006

import { formatHash } from 'regen-ui'

formatHash('0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045')
// "0xd8dA…6045"

import { Hash } from 'regen-ui'

export function AddressLabel() {
  return <Hash copy value="0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045" />
}

Name	Type	Default	Description
`copy`Optional	`boolean`	`false`	Show an inline copy button after the hash.
`isEvm`Optional	`boolean`	`true`	Whether to display with an EVM `0x` prefix.
`min`Optional	`number`	`4`	Minimum number of body characters to keep visible on each side.
`value`Required	`string`	None	Hash or address value to display.
Inherits `HTMLAttributes<HTMLSpanElement>`, except `children`.

copyOptional

Typeboolean

Defaultfalse

Show an inline copy button after the hash.

isEvmOptional

Typeboolean

Defaulttrue

Whether to display with an EVM `0x` prefix.

minOptional

Typenumber

Default4

Minimum number of body characters to keep visible on each side.

valueRequired

Typestring

DefaultNone

Hash or address value to display.

Inherits HTMLAttributes<HTMLSpanElement>, except children.