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
- Host: GitHub
- URL: https://github.com/fdmediagroep/fdmg-ts-react-h2
- Owner: FDMediagroep
- Archived: true
- Created: 2017-11-16T08:23:18.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-05-07T08:49:34.000Z (about 6 years ago)
- Last Synced: 2025-01-06T09:43:36.891Z (over 1 year ago)
- Topics: component, fdmg, jest, react, reactjs, tslint, typescript, typescript2
- Language: TypeScript
- Size: 418 KB
- Stars: 3
- Watchers: 7
- Forks: 2
- 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-h2
[](https://travis-ci.org/FDMediagroep/fdmg-ts-react-h2)
[](https://coveralls.io/github/FDMediagroep/fdmg-ts-react-h2?branch=master)
[](https://badge.fury.io/js/%40fdmg%2Fts-react-h2)
[](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
```