Hack Oregon's React Component Library

Hack Oregon's React Component Library encompasses platform components, a style guide, as well as data visualization components to be shared across projects.

For styling, we are using Emotion.

The components that end up here are either built using React Storybook or were ported into the Storybook dev environment. This allows us to make cross project compatibile components. Additionally, this allows us to iterate on design outside the context of a specific project.

Documentation for usage of these components and visual examples will be available on the Hack Oregon's Storybook.

Installation

Stable version:

yarn add @hackoregon/component-library

Latest version:

yarn add @hackoregon/component-library@ci

Usage

// import components individually
import {
  Button,
  BarChart,
  CivicStoryCard,
} from "@hackoregon/component-library";

// global styles
import "@hackoregon/component-library/assets/global.styles.css";