Scaffold UI Example

useAddress Hook & Address Component Examples

Address Component Examples

Default (base size, short format)
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
Large size with long format
Extra large size
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
Small size
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
Extra small size
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
2XL size with long format
3XL size
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
Disabled address link
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
0x34aA...fDF3
Only ENS or Address (no additional info)
Large, only ENS/Address, no link
0x34aa3f359a9d614239015126635ce7732c18fdf3 avatar
0x34aA...fDF3

Manual Implementation (useAddress Hook)

ENS Avatar
Short Address0x34aA...fDF3

useBalance Hook & Balance Component Examples

Balance Component Examples

Default (ETH, click to toggle USD)
USD mode by default
Custom className

Fetch Polygon Balance

Polygon (POL) Balance

Manual Implementation (useBalance Hook)

Balance

useEtherInput Hook & EtherInput Component Examples

EtherInput Component Examples

Default (ETH, click to toggle USD)
Ξ
USD mode by default
$
Disabled
Ξ
Default value
Ξ

Manual Implementation (useEtherInput Hook)

ETH: 1USD: -Loading price...0

useAddressInput Hook & AddressInput Component Examples

AddressInput Component Examples

Default
Disabled
With placeholder

Manual Implementation (useAddressInput Hook)

Shows address when ENS is entered and vice versa