An open API service indexing awesome lists of open source software.

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

ReactJS H2 component
https://github.com/fdmediagroep/fdmg-ts-react-h2

component fdmg jest react reactjs tslint typescript typescript2

Last synced: 9 months ago
JSON representation

ReactJS H2 component

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-h2

[![Build Status](https://travis-ci.org/FDMediagroep/fdmg-ts-react-h2.svg?branch=master)](https://travis-ci.org/FDMediagroep/fdmg-ts-react-h2)
[![Coverage Status](https://coveralls.io/repos/github/FDMediagroep/fdmg-ts-react-h2/badge.svg?branch=master)](https://coveralls.io/github/FDMediagroep/fdmg-ts-react-h2?branch=master)
[![npm version](https://badge.fury.io/js/%40fdmg%2Fts-react-h2.svg)](https://badge.fury.io/js/%40fdmg%2Fts-react-h2)
[![Greenkeeper badge](https://badges.greenkeeper.io/FDMediagroep/fdmg-ts-react-h2.svg)](https://greenkeeper.io/)

[ReactJS](https://reactjs.org/) H2 component. This component renders an H2 header.
You might think it silly to have this as a separate component. But when you use an H2-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-h2`

or

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

## Usage
### TypeScript
```
import * as React from 'react';
import H2 from 'fdmg-ts-react-h2';

export default class foo {
public state: any;
public props: any;

constructor(props: any) {
super(props);
this.props = props;
}

render() {
return (

title

);
}
}
```

### Resulting HTML
```

title


```