react-zeit-components

Zeit's design components to React

Install

npm install --save react-zeit-components

or

yarn add react-zeit-components

Usage

import * as React from "react";
import { Button, RaisedContainer } from "react-zeit-components";

class Example extends React.Component {
  render() {
    return (
      <RaisedContainer>
        <div>
          <Button onClick={() => console.log("clicked")}>Action</Button>
        </div>
        <br />
        <div>
          <Button size="sm" onClick={() => console.log("clicked")}>
            Action
          </Button>
        </div>
      </RaisedContainer>
    );
  }
}

Disclaimer

I DO NOT OWN any of these designs and I DID NOT CREATE them. These designs where created by Zeit and evilrabbit and belong to them only.

I'm just fascinated with Zeit's design and wanted to use their components in my personal projects, so I ported them to React. I couldn't find any license thing so I hope there isn't a problem, if there is one, please let me know.

I love what Zeit is doing and so should you, check them out.

Typography

• [x] Headings
• [ ] Lists
• [x] Paragraphs
• [x] Typeface

Components

• [x] Avatar (just small size at the moment)
• [ ] Badges
• [x] Buttons
• [x] Checkbox
• [ ] Code
• [ ] Collapse
• [x] Colors (would be awesome if the color palette could be customized by the user)
• [ ] Fieldsets
• [ ] File Tree
• [ ] Images
• [x] Inputs
• [x] Note
• [ ] PopOver Menu
• [ ] Select
• [x] Show More
• [ ] Sliders
• [ ] Spinner
• [x] Table
• [ ] Toasts (WIP)
• [ ] Toggle
• [ ] Video Cards
• [ ] Videos

License

MIT © cube5