https://github.com/fdmediagroep/fdmg-ts-react-anchor

ReactJS Anchor component
https://github.com/fdmediagroep/fdmg-ts-react-anchor

component enzyme fdmg jest react reactjs tslint typescript typescript2

Last synced: 9 months ago
JSON representation

ReactJS Anchor component

• Host: GitHub
• URL: https://github.com/fdmediagroep/fdmg-ts-react-anchor
• Owner: FDMediagroep
• Archived: true
• Created: 2017-11-27T13:22:22.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-05-07T08:59:51.000Z (about 6 years ago)
• Last Synced: 2025-04-03T20:34:07.433Z (about 1 year ago)
• Topics: component, enzyme, fdmg, jest, react, reactjs, tslint, typescript, typescript2
• Language: TypeScript
• Size: 188 KB
• Stars: 1
• Watchers: 7
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
> :exclamation: **DEPRECATED** :exclamation: : Superseded by @fdmg/design-system. See: https://github.com/FDMediagroep/fd-design-system

# fdmg-ts-react-anchor

[![Build Status](https://travis-ci.org/FDMediagroep/fdmg-ts-react-anchor.svg?branch=master)](https://travis-ci.org/FDMediagroep/fdmg-ts-react-anchor)

[![Coverage Status](https://coveralls.io/repos/github/FDMediagroep/fdmg-ts-react-anchor/badge.svg?branch=master)](https://coveralls.io/github/FDMediagroep/fdmg-ts-react-anchor?branch=master)

[![npm version](https://badge.fury.io/js/%40fdmg%2Fts-react-anchor.svg)](https://badge.fury.io/js/%40fdmg%2Fts-react-anchor)

[![Greenkeeper badge](https://badges.greenkeeper.io/FDMediagroep/fdmg-ts-react-anchor.svg)](https://greenkeeper.io/)

[ReactJS](https://reactjs.org/) Anchor component. This component renders an Anchor header.

You might think it silly to have this as a separate component. But when you use an Anchor-element multiple times in your

project then having that as a component might eventually save you some bytes.

## Installation

- Run `npm i --save-dev @fdmg/ts-react-anchor`

or

- Run `yarn add @fdmg/ts-react-anchor --dev`

## Usage

### TypeScript

```

import * as React from 'react';

import A from 'fdmg-ts-react-anchor';

export default class foo {

    public state: any;

    public props: any;

    constructor(props: any) {

        super(props);

        this.props = props;

    }

    render() {

        return (

            Anchor text

            Anchor text

            Anchor text

            Anchor text

            Anchor text

        );

    }

}

```

### Resulting HTML

```



    Anchor text

    Anchor text

    Anchor text

    Anchor text

    Anchor text



```