t63

t63 is a suite of basic react components, these components are based off of the components defined with tachyons, you do not have to use tachyons to use these components, but they will work really well with tachyons.

Install

npm install t63

Using with tachyons

In order to use these components with tachyons, you simply have to include the tachyons css module. Either from a cdn or using a loader.

Using Webpack or Create React App

npm install tachyons

import 'tachyons'

Using cdn

Add this element in the head of your html document

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.7.4/tachyons.min.css" />

Example

import { Button } from 't63'

const () => (
  <div>
    <h1>Button Example</h1>
    <Button>I am a button</Button>
  </div>
)

Testing

npm t

components

• Button
• List
• ListItem
• TextField
• TextArea
• Header
• Select
• RadioList
• FlatButton
• Card
• Table
• AppBar
• IconButton

Contributions

All contributions are welcome, see CONTRIBUTE.md

Setup

How do I setup the development environment for this project?

Requirements

• Node 8 (https://nodejs.org)

First you need to fork the repo, and clone it to your local system.

cd t63
npm install
npm test

If all tests pass, then you are setup to do development on this project. Checkout the Contribution Guide CONTRIBUTE.md

Publish

How to publish this project?

First you need to make sure all tests are passing, make sure that the README and src/index.js file is up to date. And make sure all changes are committed.

npm version minor
git push origin master --tags
npm Publish