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.
gaoxiaoliangz / readr / modules_es5 / containers / signup.js View on Github 
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' }),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' },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(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(_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.authorvalue: 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(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 })
)
)
);
}
});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' },
'注册'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' },
'登录'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
