https://github.com/hiroppy/scuba

UI Components with a color unity that built by React. https://abouthiroppy.github.io/scuba/
https://github.com/hiroppy/scuba

Last synced: about 1 year ago
JSON representation

UI Components with a color unity that built by React. https://abouthiroppy.github.io/scuba/

• Host: GitHub
• URL: https://github.com/hiroppy/scuba
• Owner: hiroppy
• License: mit
• Created: 2016-11-28T12:56:05.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-08-17T02:42:29.000Z (almost 6 years ago)
• Last Synced: 2024-05-01T23:04:16.090Z (about 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 3.27 MB
• Stars: 13
• Watchers: 3
• Forks: 0
• Open Issues: 100
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Scuba

UI components with a color unity that built by React.

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

[![npm version](https://badge.fury.io/js/scuba.svg)](https://badge.fury.io/js/scuba)

[![Build Status](https://travis-ci.org/abouthiroppy/scuba.svg?branch=master)](https://travis-ci.org/abouthiroppy/scuba)

[![Build status](https://ci.appveyor.com/api/projects/status/hrk1vpy5gsxl8r37/branch/master?svg=true)](https://ci.appveyor.com/project/abouthiroppy/scuba/branch/master)

[![codecov](https://codecov.io/gh/abouthiroppy/scuba/branch/master/graph/badge.svg)](https://codecov.io/gh/abouthiroppy/scuba)

[![dependencies Status](https://david-dm.org/abouthiroppy/scuba/status.svg)](https://david-dm.org/abouthiroppy/scuba)

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)]()

# Getting Started

[scuba/getting-started](https://abouthiroppy.github.io/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.

```javascript

import React from 'react';

import ReactDOM from 'react-dom';

import Container, {Button} from 'scuba';

const Root = () => (

  

    Hello!!

  

);

ReactDOM.render(

  ,

  document.getElementById('root')

);

```

## Components List

[scuba/components](https://abouthiroppy.github.io/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 git@github.com:abouthiroppy/scuba.git

$ cd scuba

$ npm install

$ npm run storybook

$ open localhost:8080

```