/reas

A minimalist and highly customizable component system built on top of React and styled-components

Primary LanguageJavaScriptMIT LicenseMIT









reas








reas

Generated with nod NPM version Build Status Coverage Status

A minimalist and highly customizable component system built on top of React and styled-components.

Install

Yarn:

yarn add reas

npm:

npm install --save reas

Example

Play with it on CodeSandbox or go to Documentation for more examples.

import React from 'react'
import { render } from 'react-dom'
import { InlineBlock, Button, Popover, withPopoverState } from 'reas'

const App = withPopoverState(({ popover }) => (
  <InlineBlock relative>
    <Button as={Popover.Toggle} {...popover}>Toggle</Button>
    <Popover {...popover}>
      <Popover.Arrow />
      Popover
    </Popover>
  </InlineBlock>
))

render(<App />, document.getElementById('root'))

License

MIT © Diego Haz