How to use the muicss/react.Button function in muicss
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 / assets / built / js / es5 / containers / signin.js View on Github 
_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' },
'登录'
),
_react2.default.createElement(
'p',
{ className: 'hint' },
'没有账号？',
_react2.default.createElement(
_reactRouter.Link,
{ to: '/signup' },
'注册'
)
)
)
)
);),
_react2.default.createElement(
'div',
{ className: 'book-author' },
'作者：',
book.author[0]
),
_react2.default.createElement(
_react3.Button,
{ onClick: this.removeResult.bind(this), className: 'mui--z1' },
'重新选择'
)
) : null,
_react2.default.createElement(_react3.Textarea, { hint: '粘贴书籍的全部文本内容', style: { height: 200 }, name: 'book_content', ref: 'bookContent' }),
_react2.default.createElement(
_react3.Button,
{ onClick: this.handleAddBook.bind(this), variant: 'raised' },
'确认添加'
)
)
);
}
}]);_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' },
'确认添加'
)
)
)
);
}
}]);_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' },
'注册'
),
_react2.default.createElement(
'p',
{ className: 'hint' },
'没有账号？',
_react2.default.createElement(
_reactRouter.Link,
{ to: '/signin' },
'登录'
)
)
)
)
);value: function render() {
var data = this.state.data;
var dataFromDouban = this.state.dataFromDouban;
var readBtn = void 0;
if (data.id) {
readBtn = _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' },'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' }),
_react2.default.createElement(
_react3.Button,
{ onClick: this.handleSignin.bind(this), variant: 'raised' },
'登录'
),
_react2.default.createElement(
'p',
{ className: 'hint' },
'没有账号？',
_react2.default.createElement(
_reactRouter.Link,
{ to: '/signup' },
'注册'
)
)
)
)
);'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' }),
_react2.default.createElement(
_react3.Button,
{ onClick: this.handleSignup.bind(this), variant: 'raised' },
'注册'
),
_react2.default.createElement(
'p',
{ className: 'hint' },
'没有账号？',
_react2.default.createElement(
_reactRouter.Link,
{ to: '/signin' },
'登录'
)
)
)
)
);var confirm = this.props.confirm;
var actions = this.props.actions;
return _react2.default.createElement(
'div',
null,
confirm.isVisible ? _react2.default.createElement(
'div',
{ className: 'confirm-dialog mui--z1' },
_react2.default.createElement(
'div',
{ className: 'content' },
confirm.content
),
_react2.default.createElement(
_react3.Button,
{ onClick: actions.confirmYes.bind(this), color: 'primary', className: 'mui--z1' },
'是'
),
_react2.default.createElement(
_react3.Button,
{ onClick: actions.confirmNo.bind(this) },
'否'
)
) : null
);
}
}]);'div',
{ className: 'book-name' },
book.title
),
_react2.default.createElement(
'div',
{ className: 'book-author' },
book.author[0]
)
);
}
}(),
_react2.default.createElement(_react3.Input, { onChange: this.handleInputChange.bind(this), value: this.state.doubanItemId, name: 'doubanItemId', label: '豆瓣条目 ID ', floatingLabel: false }),
_react2.default.createElement(_react3.Textarea, { style: { height: 200 }, onChange: this.handleInputChange.bind(this), value: this.state.bookContent, name: 'bookContent', label: '书籍内容', floatingLabel: false }),
_react2.default.createElement(
_react3.Button,
{ onClick: this.handleAddBook.bind(this), variant: 'raised' },
'确认添加'
)
)
)
);
}
}]);null,
confirm.isVisible ? _react2.default.createElement(
'div',
{ className: 'confirm-dialog mui--z1' },
_react2.default.createElement(
'div',
{ className: 'content' },
confirm.content
),
_react2.default.createElement(
_react3.Button,
{ onClick: actions.confirmYes.bind(this), color: 'primary', className: 'mui--z1' },
'是'
),
_react2.default.createElement(
_react3.Button,
{ onClick: actions.confirmNo.bind(this) },
'否'
)
) : null
);
}
}]);muicss
Lightweight CSS framework based on Google's Material Design guidelines
