react-full-header

1.0.1 • Public • Published

React full header

Build Status Badge size Badge gzip size NPM version

A gif with header containing video

Demo

Live examples

Installation

$ npm install --save react-full-header

Basic Usage

import FullHeader from 'react-full-header';
 
...
render() {
    return (
        <FullHeader
            title="lyef"
            subtitle="What is tested may never break."
            bgColor="#EBE9EB"
            textColor="#3299BB"
            font="Lobster"
            video="videos/my_video.mp4"
        />
    );
}
...

Props

  • title (string) - main title
  • subtitle (string) - subtitle
  • bgColor (string) - background color
  • bgImg (string) - image to background
  • video (string) - video to background
  • textColor (string) - texts color
  • font (string) - font-family to texts

Architecture

We've developed this component using the following boilerplate: lyef-react-component.

If you want to contribute with this component: Contributing Documentation.

License

MIT License @ willianjusten

/react-full-header/

    Package Sidebar

    Install

    npm i react-full-header

    Weekly Downloads

    1

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • willianjusten