https://github.com/hackclub/banner

⛳ React component for adding a Hack Club banner to your site
https://github.com/hackclub/banner

hackclub react

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/hackclub/banner
• Owner: hackclub
• License: mit
• Created: 2019-01-06T20:25:27.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2023-07-11T03:00:00.000Z (over 1 year ago)
• Last Synced: 2024-04-25T21:48:00.618Z (7 months ago)
• Topics: hackclub, react
• Language: JavaScript
• Homepage: https://hackclub.com/banner
• Size: 998 KB
• Stars: 6
• Watchers: 7
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# `@hackclub/banner`

> React component for adding a [Hack Club](https://hackclub.com) banner to your club site

[![npm](https://img.shields.io/npm/v/@hackclub/banner.svg)](https://www.npmjs.com/package/@hackclub/banner) [![Build Status](https://travis-ci.org/hackclub/banner.svg?branch=master)](https://travis-ci.org/hackclub/banner)

## Install

Use npm or yarn as follows:

```bash

npm install --save @hackclub/banner

yarn add @hackclub/banner

```

## Usage

Place `` anywhere on your club site homepage.

```jsx

import React from 'react'

import Banner from '@hackclub/banner'

export default () => (

  

    

    
Hacking High School Hack Club

  

)

```


### Custom props

```jsx

```

  

    Prop

    Effect

  

  

    year

    Number, one of 2016 to 2024. Default: current year

  

  

    style

    Object, for custom styles

  

## License

MIT © [Hack Club](https://hackclub.com)