Ethereum address React Component
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples
src
.babelrc
.gitignore
README.md
eth-address-demo.gif
package.json
webpack.config.examples.js
webpack.config.js
yarn.lock

README.md

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

demo