🌜
🌞
element-react

element-react

v1.4.34

Element UI for React

npm install element-react

README

Element React

element react element react element react

Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community.

Getting Started

Install

npm install element-react --save

Before the building, you need a style theme, here we recommend you to pick up element-theme-default.

npm install element-theme-default --save

Usage

We are die hard fans of ECMAScript 6, so we recommend you writing code in modern javascript.

import { Button } from 'element-react';

Also we provide an advanced way to tree shaking the code with Rollup.js and Webpack 2

import { Button } from 'element-react/next';

Config

With webpack, you need additional loaders to build with element-react.

const webpack = require('webpack');

module.exports = {
  entry: {
    src: 'path/to/src'
  },
  output: {
    path: 'path/to/output'
    publicPath: '/public',
    chunkFilename: '[chunkhash:12].js',
    filename: '[chunkhash:12].js'
  },
  plugins: [
    new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }),
    new webpack.optimize.UglifyJsPlugin({
      output: {
        comments: false
      }
    })
  ],
  resolve: {
    extensions: ['.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        include: ['path/to/src']
      },
      {
        test: /\.css$/,
        loaders: ['style-loader', 'css-loader']
      },
      {
        test: /\.(ttf|eot|svg|woff|woff2)(\?.+)?$/,
        loader: 'file-loader?name=[hash:12].[ext]'
      }
    ]
  }
}

Contributing

Please make sure to read the Contributing Guide before making a pull request.

Acknowledgments

  • @doxiaodong for adding typescript ambient declarations.
  • @cuining for building the live code editor.

Credits

  • Element Desktop UI elements for Vue.js 2.0.

License

MIT

Release Notes

1.4.33
By maogu • Published on March 1, 2019

fix some bugs

1.4.30
By maogu • Published on January 30, 2019
  1. optimize table store
  2. fix some bugs
1.4.26
By maogu • Published on December 20, 2018

fix bugs

1.4.21
By maogu • Published on August 28, 2018

1、Input组件增加trim属性 2、bug fix

1.4.16
By SenLiang • Published on April 23, 2018

Table: fix column draging bug

1.4.12
By SenLiang • Published on April 4, 2018

Table: fix layout bug on safari

1.4.10
By SenLiang • Published on March 22, 2018
  • Table: fix emptyText prop not working
1.4.1
Published on November 1, 2017
  • Improve the compatibility with [email protected].
  • Bring back the missing transition effects of components by rewriting Transition.
  • Remove react-transition-group so that it should work with preact.
1.2.9
Published on October 13, 2017

Remastered Table components since it's been unmaintained for a long while, special thanks to @sam019 .

General

License
MIT
Typescript Types
None found
Tree-shakeable
Yes

Popularity

GitHub Stargazers
2,752
Community Interest
3,205
Number of Forks
452

Maintenance

Commits
11/2110/2201
Last Commit
May 16, 2020
Open Issues
232
Closed Issues
262
Open Pull Requests
21
Closed Pull Requests
60

Versions

Versions Released
11/2110/2201
Latest Version Released
May 16, 2019
Current Tags
latest1.4.34

Contributors

e1emeb0t
e1emeb0t
Commits: 270
sam019
sam019
Commits: 121
inter-action
inter-action
Commits: 71
lujingfeng
lujingfeng
Commits: 23
loadchange
loadchange
Commits: 23
Martin0809
Martin0809
Commits: 20
hazel54
hazel54
Commits: 19
HopeLyn
HopeLyn
Commits: 12
matth3wga0
matth3wga0
Commits: 11
rlog
rlog
Commits: 10
dujiaolong
dujiaolong
Commits: 9
Jackyzm
Jackyzm
Commits: 8
September-9
September-9
Commits: 6
liang3472
liang3472
Commits: 6
Emiya0306
Emiya0306
Commits: 6