# Phasers

> A component library for tachyons.

## Install

    yarn add @uplift-agency/phasers

OR

    npm install --save @uplift-agency/phasers

## Usage

Import tachyons-sass:

```tsx
import "tachyons-sass/tachyons.scss";
```

Then import phasers.scss

```tsx
import "@uplift-agency/phasers.scss";
```

Then you can use components:

```tsx
import { Button } from "@uplift-agency/phasers";

const App = () => {
  return <Button onClick={() => alert("Hello")}>World</Button>;
};
```

You can override built-in styles by passing in class names, including tachyons:

```tsx
const App = () => {
  return <Button className="pa5">Juicy</Button>;
};
```

## Docs

See the `README.md` for each component. Documentation website coming soon!

## Storybook

View the components in action on [storybook](https://phasers.uplift.sh/storybook/).

## Sponsor

This project proudly sponsored by [🚀 Uplift Agency](https://www.uplift.agency).