Hack Club

@hackclub/banner

React component for adding a Hack Club banner to your site

React component for adding a Hack Club banner to your club site

npm Build Status

Install

Use npm or yarn as follows:

npm install --save @hackclub/banner
yarn add @hackclub/banner

Usage

Place <Banner /> anywhere on your club site homepage.

import React from 'react'
import Banner from '@hackclub/banner'

export default () => (
  <main>
    <Banner />
    <h1>Hacking High School Hack Club</h1>
  </main>
)

Custom props

<Banner year={2020} style={{ width: '256px' }} />
Prop Effect
year Number, one of 2016 to 2022. Default: current year
style Object, for custom styles

License

MIT © Hack Club