rubentd / react-eth-address

Ethereum address React Component

react-eth-address

A React component to display eth addresses in a compact way and easily copy to clipboard

Installation

npm install react-eth-address

Usage

import React from 'react';
import EthAddress from 'react-eth-address';

React.render(
  <EthAddress address="0x06012c8cf97bead5deae237070f9587f8e7a266d" />,
  mountNode
);

Available Props

prop	type	description	default value
address	string	ethereum address to be displayed
etherscan	bool	enable link to etherscan	false
className	string	Add extra css classes	true
compact	bool	enable compact mode (show less characters)	true
visibleCharacters	number	Number of visible characters for compact mode	8

Custom Styles

Add extra classes using the className prop for custom styling

Demo