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.
`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.

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.