Install and Usage

Add formidable-landers as a dependency.

npm install formidable-landers --save

Import the desired components and any variables/settings if available.

import { Header, Footer } from "formidable-landers";

import { VictorySettings, VictoryTheme, Header, Footer } from "formidable-landers";

Both the <Header /> and <Footer /> components can be dropped in as is or be customized. The default background colors are sandy, so I recommend adding a background prop at minimum.

<Header background="#242121" />
<Footer background="#242121" />

All the available customizations:

<Header
  background={VictorySettings.palestSand}
  styleOverrides={{
    display: "block"
  }}
  linkStyles={{
    color: "#c43a31",
    ":hover": {
      color: "#e58c7d"
    }
  }}>
  Looking to level up your team?
</Header>

<Footer
  background={VictorySettings.palestSand}
  styleOverrides={{
    display: "block"
  }}
  linkStyles={{
    color: "#c43a31",
    ":hover": {
      color: "#e58c7d"
    }
  }}
  footerLogo="img/logo.svg">
  Please press [ space ] to continue.
</Footer>