简介
React Desktop 一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。React-Desktop是跨平台桌面应用程序的 UI 组件,可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 组件。创建此组件库是为了将本机桌面体验带入Web。它非常适用于node-webkit或Electron.js等工具!GitHub star 8K+, 最新版本0.3.9,MIT协议。
mac os 组件风格示例截图如下:
window 10 组件风格示例截图如下:
文档截图如下:
快速上手
安装
npm install react-desktop --save
mac os 代码示例:
import React, { Component } from 'react';import { Button } from 'react-desktop/macOs';export default class extends Component { render() { return ( console.log('Clicked!')}> Press me! ); }}
window 10 代码示例:
import React, { Component } from 'react';import { Button } from 'react-desktop/windows';export default class extends Component { static defaultProps = { color: '#cc7f29' }; render() { return ( console.log('Clicked!')}> Press me! ); }}
PS
React Desktop mac os 版本的组件有19个:
Box,Button,Checkbox,Dialog,Label,Link,List View,Pin,Progress Circle,Radio,Search Field,Segmented Control,Text,Text Input,Title Bar,Toolbar,Toolbar Nav,View,Window
window 10 组件有 12个:
Button,Checkbox,Label,Master/Details View,Nav Pane,Progress Circle,Radio,Text,Text Input,Title Bar,View,Window
无论mac os还是window 10 组件文档都比较详细,有属性介绍和示例效果及时展示效果图,是不错的一个桌面风格的ReactUI组件库,值得关注。