Scuba

UI components with a color unity that built by React.

see: https://abouthiroppy.github.io/scuba/

Getting Started

scuba/getting-started

Install the module with npm install --save scuba.

Scuba has 5 themes and 2 subColors. Theme and subColor are reflected only in Container.

import React from 'react';
import ReactDOM from 'react-dom';
import Container, {Button} from 'scuba';

const Root = () => (
  <Container
    theme="mint"
    subColor="dark"
  >
    <Button>Hello!!</Button>
  </Container>
);

ReactDOM.render(
  <Root />,
  document.getElementById('root')
);

Components List

scuba/components

• [x] Typography
• [x] Avatars
• [x] Blockquotes
• [x] Buttons
• [x] Drawers
• [x] Codes
• [x] Forms
• [x] SelectBoxes
• [x] Lists
• [x] Tables
• [x] Papers
• [x] Grids

Development

$ git clone [email protected]:abouthiroppy/scuba.git
$ cd scuba
$ npm install
$ npm run storybook
$ open localhost:8080