react 组件连动效果_React Desktop一款MacOS和Windows10桌面风格的ReactUI组件库

简介

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组件库，值得关注。