Skip to content
This repository has been archived by the owner on May 7, 2020. It is now read-only.

FDMediagroep/fdmg-ts-react-h2

Repository files navigation

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

fdmg-ts-react-h2

Build Status Coverage Status npm version Greenkeeper badge

ReactJS 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 (<H2 className={'css-class-name'}>title</H2>);
    }
}

Resulting HTML

    <h2 class="css-class-name">title</h2>