How to use muicss - 10 common examples

To help you get started, we’ve selected a few muicss examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github gaoxiaoliangz / readr / modules_es5 / containers / signup.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-signin' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            'div',
            { className: 'auth-status' },
            this.state.status
          ),
          _react2.default.createElement(
            _react3.Form,
            { className: 'content-container', method: 'post', action: '/signup' },
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              '加入 Readr'
            ),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.username, name: 'username', label: '用户名', floatingLabel: true }),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.password, name: 'password', label: '密码', floatingLabel: true, type: 'password' }),
github gaoxiaoliangz / readr / modules_es5 / containers / add-book.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-add-book' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            _react3.Form,
            { className: 'content-container', action: '#', method: 'post' },
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              '添加书籍'
            ),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.bookName, name: 'bookName', label: '书名', floatingLabel: true }),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.author, name: 'author', label: '作者', floatingLabel: true }),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.cover, name: 'cover', label: '封面', floatingLabel: true }),
            _react2.default.createElement(_react3.Textarea, { style: { height: 200 }, onChange: this.handleInputChange.bind(this), value: this.state.bookContent, name: 'bookContent', label: '书籍内容', floatingLabel: true }),
            _react2.default.createElement(
              _react3.Button,
              { onClick: this.handleAddBook.bind(this), variant: 'raised' },
github gaoxiaoliangz / readr / modules_es5 / containers / home.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-home' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              'This is home, bitch!!!!'
            ),
            _react2.default.createElement(
              'ul',
              null,
              _react2.default.createElement(
                'li',
                null,
                _react2.default.createElement(
github gaoxiaoliangz / readr / assets / built / js / es5 / containers / home.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-home' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              'This is home, bitch!!!!'
            ),
            _react2.default.createElement(
              'ul',
              null,
              _react2.default.createElement(
                'li',
                null,
                _react2.default.createElement(
github gaoxiaoliangz / readr / assets / built / js / es5 / containers / book-info.js View on Github external
_reactRouter.Link,
          { to: '/book/' + data.id },
          _react2.default.createElement(
            _react3.Button,
            { color: 'primary' },
            '阅读'
          )
        );
      }

      return _react2.default.createElement(
        'div',
        { className: 'page-book-info' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            'div',
            { className: 'book-info content-container' },
            _react2.default.createElement(
              'h1',
              { className: 'page-title book-name' },
              dataFromDouban.title
            ),
            _react2.default.createElement(
              'div',
              { className: 'book-author' },
              _react2.default.createElement(
                'strong',
                null,
                dataFromDouban.author
github gaoxiaoliangz / readr / modules_es5 / components / branding.js View on Github external
value: function render() {
      var _this2 = this;

      var hidden = 'hidden';
      if (!this.state.loadingAuthStatus) {
        hidden = '';
      }

      return _react2.default.createElement(
        _react3.Appbar,
        { className: 'mui--z1 branding' },
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement(
              'h1',
              { className: 'logo left' },
              _react2.default.createElement(
                _reactRouter.Link,
                { to: '/' },
                'readr'
              )
            ),
            function () {
              if (_this2.state.isAuthed) {
                return _react2.default.createElement(
github gaoxiaoliangz / readr / modules_es5 / containers / book-store.js View on Github external
render: function render() {
    return _react2.default.createElement(
      'div',
      { className: 'page-book-store' },
      _react2.default.createElement(_branding2.default, null),
      _react2.default.createElement(
        _react3.Container,
        null,
        _react2.default.createElement(
          'div',
          { className: 'book-box' },
          _react2.default.createElement(
            'h1',
            { className: 'page-title' },
            '书籍列表'
          ),
          _react2.default.createElement(BookList, { data: this.state.data })
        )
      )
    );
  }
});
github gaoxiaoliangz / readr / assets / built / js / es5 / containers / signup.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-signin' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            _react3.Form,
            { className: 'content-container', method: 'post', action: '/signup' },
            _react2.default.createElement(_msg2.default, { content: this.state.status }),
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              '加入 Readr'
            ),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.username, name: 'username', hint: '用户名' }),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.password, name: 'password', hint: '密码 ', type: 'password' }),
            _react2.default.createElement(
              _react3.Button,
              { onClick: this.handleSignup.bind(this), variant: 'raised' },
              '注册'
github gaoxiaoliangz / readr / assets / built / js / es5 / containers / signin.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-signin' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            _react3.Form,
            { className: 'content-container', action: '/signin', method: 'post' },
            _react2.default.createElement(_msg2.default, { content: this.state.status }),
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              '欢迎回来'
            ),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.username, name: 'username', hint: '用户名' }),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.password, name: 'password', hint: '密码', type: 'password' }),
            _react2.default.createElement(
              _react3.Button,
              { onClick: this.handleSignin.bind(this), variant: 'raised' },
              '登录'
github gaoxiaoliangz / readr / modules_es5 / containers / signin.js View on Github external
value: function render() {
      return _react2.default.createElement(
        'div',
        { className: 'page-signin' },
        _react2.default.createElement(_branding2.default, null),
        _react2.default.createElement(
          _react3.Container,
          null,
          _react2.default.createElement(
            'div',
            { className: 'auth-status' },
            this.state.status
          ),
          _react2.default.createElement(
            _react3.Form,
            { className: 'content-container', action: '/signin', method: 'post' },
            _react2.default.createElement(
              'h1',
              { className: 'page-title' },
              '欢迎回来'
            ),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.username, name: 'username', label: '用户名', floatingLabel: true }),
            _react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.password, name: 'password', label: '密码', floatingLabel: true, type: 'password' }),

muicss

Lightweight CSS framework based on Google's Material Design guidelines

MIT
Latest version published 4 years ago

Package Health Score

53 / 100
Full package analysis