https://github.com/pedaling/class101-ui

💅A React-based UI Component Library.
https://github.com/pedaling/class101-ui

class101 design react ui ui-components ui-framework ui-kit ui-library uikit

Last synced: 6 days ago
JSON representation

💅A React-based UI Component Library.

• Host: GitHub
• URL: https://github.com/pedaling/class101-ui
• Owner: pedaling
• License: mit
• Archived: true
• Created: 2018-09-03T05:23:42.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-06-28T10:51:58.000Z (over 3 years ago)
• Last Synced: 2024-11-07T19:57:24.402Z (13 days ago)
• Topics: class101, design, react, ui, ui-components, ui-framework, ui-kit, ui-library, uikit
• Language: TypeScript
• Homepage: https://ui.class101.dev
• Size: 4.29 MB
• Stars: 156
• Watchers: 19
• Forks: 22
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - class101-ui - based UI Component Library. | pedaling | 119 | (TypeScript)

README

        




  

    

  

  

    

  

  

    

  



# Class101 UI

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

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

## Install

```console

npm install --save @class101/ui

yarn add @class101/ui

```

## Usage

```jsx

import React, { Component } from 'react';

import { Button } from '@class101/ui';

class Example extends Component {

  render() {

    return Hello, world!;

  }

}

```

## 🎉 Worked

- Responsive Grid System

- Typography

- Icon

- Colors

- Button

- Input

- Select

- Textarea

- Progress Bar

- Progress State

- Spinner

- Bottom Sheet

- Badge

- Form Group

- Control Group

- Tabs

- Navigation

- Toast

- TagInput

- FilterList

- DatePicker

- Dialog

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

## 🚀 Roadmap

- Card

- Breadcrumb

- Darkness Theme

- Table

## 📝 License

Licensed under the MIT License, Copyright (c) 2020 Class101, Co. LTD.

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