react-anchor [](https://travis-ci.org/trendmicro-frontend/react-anchor) [](https://coveralls.io/github/trendmicro-frontend/react-anchor?branch=master)

June 20, 2017 ยท View on GitHub

NPM

React Anchor component. It handles stopPropagation() and preventDefault() when disabling an anchor tag.

Demo: https://trendmicro-frontend.github.io/react-anchor

Installation

  1. Install the latest version of react and react-anchor:
npm install --save react @trendmicro/react-anchor
  1. Import react-anchor with @trendmicro scope:
import Anchor from '@trendmicro/react-anchor';

Usage

<Anchor
    className="btn btn-default"
    href="https://github.com"
>
    <i className="fa fa-github fa-fw" />
    GitHub
</Anchor>

API

Properties

Name Type Default Description
href String
onClick Function(event)
disabled Boolean
role String
tabIndex Number|String
componentClass Node|String 'a'

License

MIT