https://github.com/jxnblk/tachyons-components

React UI components powered by Tachyons with a styled-components like API
https://github.com/jxnblk/tachyons-components

components react tachyons

Last synced: 9 days ago
JSON representation

React UI components powered by Tachyons with a styled-components like API

• Host: GitHub
• URL: https://github.com/jxnblk/tachyons-components
• Owner: jxnblk
• License: mit
• Archived: true
• Created: 2017-08-13T00:53:32.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-09-14T22:13:20.000Z (about 6 years ago)
• Last Synced: 2024-10-18T19:00:43.185Z (16 days ago)
• Topics: components, react, tachyons
• Language: JavaScript
• Homepage:
• Size: 281 KB
• Stars: 411
• Watchers: 9
• Forks: 15
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        

# tachyons-components

[![Build Status][build-badge]][build]

[![Coverage][coverage-badge]][coverage]

![Experimental](https://img.shields.io/badge/status-experimental-orange.svg?style=flat-square)

[build-badge]: https://img.shields.io/travis/jxnblk/tachyons-components/master.svg?style=flat-square

[build]: https://travis-ci.org/jxnblk/tachyons-components

[coverage-badge]: https://img.shields.io/codecov/c/github/jxnblk/tachyons-components.svg?style=flat-square

[coverage]: https://codecov.io/github/jxnblk/tachyons-components

React UI components powered by [Tachyons][tachyons]

with a [styled-components][sc] like API.

```sh

npm install tachyons-components

```

```js

import styled from 'tachyons-components'

const Button = styled('button')`

  f6 f5-ns fw6 dib ba

  b--black-20 bg-blue white

  ph3 ph4-ns pv2 pv3-ns br2

  grow no-underline

`

```

```jsx

  Hello

```

## Functional styles

```js

const Heading = styled('h2')`

  m0

  ${props => props.big ? 'f1' : 'f2'}

`

```

[tachyons]: http://tachyons.io

[sc]: https://styled-components.com

[MIT License](LICENSE.md)