belle

Belle

具有出色用户体验的可配置 React 组件。 网站和文档: http://nikgraf.github.io/belle/

开始使用

Belle 可作为 npm 包提供。一旦您安装了 npm,可以在项目文件夹中使用以下命令安装 Belle:

npm install belle

导入和使用 Belle 组件

我们建议您先从 React 开始。一旦您设置了简单的应用程序,就可以导入任何 Belle 组件,立即使用。不需要样式表、字体或其他任何前提条件。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body>
  

  
  <script src="bundle.js"></script>
</body>
</html>

var React = require('react');
var belle = require('belle');
var TextInput = belle.TextInput;

var App = React.createClass({

  render: function() {
    return (
      

    );
  }
});

React.render(<App/>, document.getElementById('react-root'));

了解更多

此外,您还可以浏览 文档 了解如何修改 Belle 组件。

浏览器支持

• Chrome（移动和桌面版） - Safari（移动和桌面版） - Firefox - Internet Explorer 9、10、11

每个与人互动的对象都有自己的小语言。每个人在接触新的对象时都必须学习这个语言。为了提供出色的体验，需要学习的内容应尽可能减少。Belle 面向的两个主要人群是开发人员。对于开发人员，应通过所有组件一致地提供 API。另一个，更重要的对象是组件的用户。