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

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

Development

$ git clone [e-mail]:abouthiroppy/scuba.git
$ cd scuba
$ npm install
$ npm run storybook
$ open localhost:8080