@ta-interaktiv/react-masthead/README.md

Display the masthead in standalone projects.

# Masthead Component

Display the masthead in standalone projects.

[![npm version](https://badge.fury.io/js/%40ta-interaktiv%2Freact-masthead.svg)](https://badge.fury.io/js/%40ta-interaktiv%2Freact-masthead)

## Installation

```bash
yarn add @ta-interaktiv/react-masthead
```

## Usage

### Pure Masthead

```js
import React from 'react'
import { PureMasthead as Masthead } from '@ta-interaktiv/react-masthead'

// ...

class YourComponent extends React.Component {
  render() {
    return (
      <Masthead
        mediaName='tagesanzeiger'
        homepage='//www.tagesanzeiger.ch'
        fullMediaName='Tages-Anzeiger'
        hashtags={['TAGrafik', 'DDJ']}
      />
    )
  }
}
```

You may add additional content to the middle column:

```js
<Masthead>
  <div className='ui small infographic orange header'>WebSpezial</div>
</Masthead>
```