reas

Minimalist and highly composable building blocks built on top of React and styled-components.

• Documentation
• Components

Install

Yarn:

yarn add reas

npm:

npm install --save reas

Examples

Simple Popover

See and edit full source code on CodeSandbox

import React from "react";
import { render } from "react-dom";
import { InlineBlock, Button, Popover } from "reas";

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

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

License

MIT © Diego Haz