ElementUI 的 React 版本 Element React

ElementUI 的 React 版本 Element React

MIT
JavaScript
跨平台
2017-05-16
RobinDeng

Element React,一套为开发者、设计师和产品经理准备的基于React 的组件库,是 ElementUI 的React 版本。提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。

特性:

一致性 Consistency

  • 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;

  • 在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。

反馈 Feedback

  • 控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;

  • 页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。

效率 Efficiency

  • 简化流程:设计简洁直观的操作流程;

  • 清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;

  • 帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。

可控 Controllability

  • 用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;

  • 结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。

运行效果:

用法:

npm i element-react --save

示例代码:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'element-react';

import 'element-theme-default';

ReactDOM.render(<Button type="primary">Hello</Button>, document.getElementById('app'));
的码云指数为
超过 的项目
加载中

评论(10)

愤怒的小菜鸟035
element react的table组件在safari浏览器里表头对不齐咋整
不愿透露姓名的Mr成
不愿透露姓名的Mr成
开发ng版本的吧,谢谢
会Java的蝈蝈
会Java的蝈蝈
额额额
hythzx
hythzx
木有angular版本啊
紫电清霜
紫电清霜
233333333333333333
zchuanzhao
zchuanzhao
什么时候出个jquery版本的
itfanr
itfanr
哈哈
来自山卡拉的你
来自山卡拉的你
vue版本也有,饿了么真是魔性
蓝月萧枫
蓝月萧枫
那干点啥
小白小霸王
小白小霸王
百度外卖 : 虽然没有饭要送, 我也没空写代码.

Element React 1.4.16 发布,ElementUI 的 React 版本

Element React 1.4.16 已发布,主要是修复了调整表格宽度时,光标离开表格不恢复默认样式的 BUG 。 Element React,是一套为开发者、设计师和产品经理准备的基于 React 的组件库,是 Elemen...

2018/04/24 07:54

Element React 1.1.8 发布,ElementUI 的 React 版本

Element React 1.1.8 更新内容: 修复表单 onSubmit 事件 Element React,一套为开发者、设计师和产品经理准备的基于 React 的组件库,是 ElementUI 的 React 版本。提供了配套设计资源,帮助...

2017/08/29 07:39

Element React 1.1.4 发布,ElementUI 的 React 版本

Element React 1.1.4 更新内容: Fix InputNumber Fix Select Element React,一套为开发者、设计师和产品经理准备的基于 React 的组件库,是 ElementUI 的 React 版本。提供了配套设计资源,...

2017/08/04 07:41

Element React 1.0.18 发布,ElementUI 的 React 版本

Element React 1.0.18 已发布,更新如下: 修复可搜索的 Select 在输入选项中不存在的值时关闭下拉框后未清空手输值的问题;支持 filterable 的可搜索的 Select 未选中 option 无法关闭下拉框...

2017/07/12 16:52

Element React 1.0.17 发布,ElementUI 的 React 版本

Element React 1.0.17 已发布,修复了以下 bug : DatePicker:每次只有一个日期选择器在活动 Cascader: beforeFilte 被引起错误访问, 现在它属于 props 而不是 props.props Element React,...

2017/07/07 07:52

Element React 1.0.8 发布,ElementUI 的 React 版本

Element React 1.0.8 已发布,更新内容: Switch:修复在更改默认样式时,颜色不会改变的问题。 MessageBox: 同步更新至 element-theme-default@1.3.6 Element React,一套为开发者、设计师和...

2017/06/13 07:10

Element React 1.0.3 发布,ElementUI 的 React 版本

Element React 1.0.3 已发布,更新内容: Table: Add emptyText props Select: onChange event provide additional params option Element React,一套为开发者、设计师和产品经理准备的基于...

2017/06/05 18:09

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

深入解析React中的元素、组件、实例和节点

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 中的元素、组件、实例和节点,是React中关系密切的...

2018/12/14 21:13
153
0
元素渲染

元素是构成 React 应用的最小单位 可能会把元素和组件搞混, const element = <div className="element">I'm element</div> element 是一个react 元素,元素只是组件组成的一部分 根据我们现...

04/19 10:57
2
0
为什么 React Elements 会有 $$typeof 这个属性?

简评:debug 的时候看到 element 对象中有 $$typeof 这属性,于是查了一下这到底干嘛的。 我们知道,通过 JSX 创建一个 React Elements 时: <marquee bgcolor="#ffa7c4">hi</marquee> 实际上...

01/02 09:13
42
0
Reactjs学习摘要2

React Components总结

2016/03/01 11:19
9
1
react-native学习之入门app

1、项目初始化: react-native init MyProject 2、启动项目: cd MyProject react-native start 新开cmd窗口: react-native run-android 3、源代码分析: 附上index.android.js文件: /* ...

2016/11/08 20:24
7
0
react native error record

react native record

2015/12/23 15:50
55
0
前端三大主流框架中文文档

Angular Angular 官方同步中文文档: https://angular.cn/docs Rxjs官方文档翻译: https://buctwbzs.gitbooks.io/rxjs/content/rookie-primer.html Typescript 中文网: https://www.tslang.cn...

04/11 16:26
18
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部