@ta-interaktiv/react-masthead

Masthead Component

Display the masthead in standalone projects.

Installation

yarn add @ta-interaktiv/react-masthead

Usage

Pure Masthead

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:

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