class101-ui/README.md

A React-based UI Component Library, powered by Class101.

<p><a href="https://class101-ui.netlify.com" target="_blank" rel="noopener noreferrer"><img width="128" src="https://s3.ap-northeast-2.amazonaws.com/class101-ui/images/logo-class101.png" alt="C"></a></p>

<p>
  <a href="https://www.npmjs.com/package/class101-ui">
    <img
      src="https://img.shields.io/npm/v/class101-ui.svg"
      alt="npm"
    >
  </a>
  <a href="https://github.com/pedaling/class101-ui/blob/master/LICENSE">
    <img
      src="https://img.shields.io/github/license/mashape/apistatus.svg"
      alt="MIT"
    >
  </a>
  <a href="https://class101-ui.netlify.com">
    <img
      src="https://img.shields.io/readthedocs/pip.svg"
      alt="docs"
    >
  </a>
</p>

# Class101 UI

A React-based UI Component Library, powered by Class101.

[**View the full documentation ▸**](https://class101-ui.netlify.com)

## Install

```console
npm install --save class101-ui
```

## Usage

```jsx
import React, { Component } from 'react'

import { Button } from 'class101-ui'

class Example extends Component {
  render () {
    return (
      <Button>
        Hello, world!
      </Button>
    )
  }
}
```

## 🎉 Worked

- Grid System(Responsive)
- Typography(Responsive tag and styles)
- Colors
- Button(Support Anchor Button)
- Input
- Textarea
- Progress Bar
- Progress State
- Spinner
- Bottom Sheet
- Badge
- Form Group
- Control Group

These are at [Class101 UI Documents Site](https://class101-ui.netlify.com).

## 🚀 Roadmap

- Card
- Tabs
- Breadcrumb
- Sync Image
- Darkness Skin

## 📝 License

Licensed under the MIT License, Copyright (c) 2018 pedaling.

See [LICENSE](https://github.com/pedaling/class101-ui/blob/master/LICENSE) for more information.