https://github.com/szchenghuang/react-mdui
Extend MDUI into ReactJS
https://github.com/szchenghuang/react-mdui
google-material javascript material material-design reactjs
Last synced: 5 months ago
JSON representation
Extend MDUI into ReactJS
- Host: GitHub
- URL: https://github.com/szchenghuang/react-mdui
- Owner: szchenghuang
- License: mit
- Created: 2016-12-30T05:48:45.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-01T15:04:50.000Z (over 8 years ago)
- Last Synced: 2025-04-22T10:09:32.058Z (6 months ago)
- Topics: google-material, javascript, material, material-design, reactjs
- Language: JavaScript
- Homepage: https://szchenghuang.github.io/react-mdui/
- Size: 4.35 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
[![Build Status][travis_img]][travis_site]
[![NPM Package][npm_img]][npm_site]
[![Dependency status][david_img]][david_site]
[![devDependency status][david_dev_img]][david_dev_site]
# react-mdui #
[MDUI][mdui] in ReactJS.
## Demo ##
[Demo][demo] is a preview application for your reference.
## Install ##
```sh
npm install react-mdui --save
```
## Usage ##
Take `Button` for example:
```sh
import { Button } from 'react-mdui';
const button = (
Click Me!
);
```
## Components ##
Below is a list of available components. Each of them can be imported by either
default import of named import for flexibility, namely
```sh
import { Button } from 'react-mdui';
import Button from 'react-mdui/Button';
```
* [AppBar][AppBar]
* [Button][Button]
* [Checkbox][Checkbox]
* [Chip][Chip]
* [Collapse][Collapse]
* [Divider][Divider]
* [Drawer][Drawer]
* [Headroom][Headroom]
* [Icon][Icon]
* [List][List]
* [Panel][Panel]
* [Progress][Progress]
* [Radio][Radio]
* [Slider][Slider]
* [Spinner][Spinner]
* [Subheader][Subheader]
* [Switch][Switch]
* [Tab][Tab]
* [Toolbar][Toolbar]
## License ##
MIT. See [LICENSE.md](http://github.com/szchenghuang/react-mdui/blob/master/LICENSE.md) for details.
[mdui]: https://github.com/zdhxiong/mdui
[AppBar]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/AppBar.md
[Button]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Button.md
[Checkbox]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Checkbox.md
[Chip]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Chip.md
[Collapse]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Collapse.md
[Divider]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Divider.md
[Drawer]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Drawer.md
[Headroom]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Headroom.md
[Icon]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Icon.md
[List]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/List.md
[Panel]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Panel.md
[Progress]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Progress.md
[Radio]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Radio.md
[Slider]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Slider.md
[Spinner]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Spinner.md
[Subheader]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Subheader.md
[Switch]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Switch.md
[Tab]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Tab.md
[Toolbar]: https://github.com/szchenghuang/react-mdui/blob/master/readme/components/Toolbar.md
[demo]: https://szchenghuang.github.io/react-mdui/
[travis_img]: https://travis-ci.org/szchenghuang/react-mdui.svg?branch=master
[travis_site]: https://travis-ci.org/szchenghuang/react-mdui
[npm_img]: https://img.shields.io/npm/v/react-mdui.svg
[npm_site]: https://www.npmjs.org/package/react-mdui
[david_img]: https://david-dm.org/szchenghuang/react-mdui/status.svg
[david_site]: https://david-dm.org/szchenghuang/react-mdui/
[david_dev_img]: https://david-dm.org/szchenghuang/react-mdui/dev-status.svg
[david_dev_site]: https://david-dm.org/szchenghuang/react-mdui/?type=dev