Phasers

A component library for tachyons.

Install

yarn add @uplift-agency/phasers

OR

npm install --save @uplift-agency/phasers

Usage

Import tachyons-sass:

import "tachyons-sass/tachyons.scss";

Then import phasers.scss

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

Then you can use components:

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:

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.

Sponsor

This project proudly sponsored by 🚀 Uplift Agency.