Skip to content

trendmicro-frontend/react-anchor

Repository files navigation

react-anchor build status Coverage Status

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