@butterwith/hero-header

A full-screen hero banner inspired by the title cards from Netflix's We are the Champions.

Usage no npm install needed!

<script type="module">
  import butterwithHeroHeader from 'https://cdn.skypack.dev/@butterwith/hero-header';
</script>

README

@butterwith/hero-header

A full-screen hero banner inspired by the title cards from Netflix's We are the Champions.

Built using React and styled-components

Installation

> yarn add --dev @butterwith/hero-header

Usage

import HeroHeader from '@butterwith/hero-header';

render() {
  return (<HeroHeader img={path_to_img}
    title={"My Title}
    subtitle={"Subtitle text"} // optional subtitle
    color={"red"}
  />)
}