How to use the muicss/react.Form 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 / modules_es5 / containers / signin.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', 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' },value: function render() {
var _this3 = this;
var book = null;
if (this.state.currentBook !== -1) {
book = this.props.book.searchResults.books[this.state.currentBook];
}
return _react2.default.createElement(
'div',
{ className: 'page-add-book' },
_react2.default.createElement(
_react3.Form,
{ className: 'content-container', method: 'post' },
_react2.default.createElement(_Notification2.default, { notification: this.props.notification }),
_react2.default.createElement(
'h1',
{ className: 'page-title' },
'添加书籍'
),
!this.state.conformed ? _react2.default.createElement(_react3.Input, { onChange: this.search.bind(this), value: this.state.searchQuery, hint: '输入书名或其他书籍相关信息' }) : null,
!this.state.conformed && this.props.book.searchResults ? _react2.default.createElement(
'div',
{ className: 'drop-down' },
_react2.default.createElement(
'ul',
null,
this.props.book.searchResults.books.map(function (item, index) {
return _react2.default.createElement(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' }),
_react2.default.createElement(
_react3.Button,
{ onClick: this.handleSignup.bind(this), variant: 'raised' },
'注册'
),
_react2.default.createElement(
'p',
{ className: 'hint' },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' },
'注册'
),
_react2.default.createElement(
'p',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' },
'登录'
),
_react2.default.createElement(
'p',value: function render() {
var _this2 = this;
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(_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.bookName, name: 'bookName', label: '搜索', floatingLabel: false, hint: '现阶段，书籍信息均从豆瓣获取，输入书名或书籍相关信息以检索' }),
_react2.default.createElement('p', null),
function () {
if (_this2.state.dataFromDouban) {
return _react2.default.createElement(
'div',
{ className: 'drop-down' },
_react2.default.createElement(
'ul',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' },
'确认添加'
)
)muicss
Lightweight CSS framework based on Google's Material Design guidelines
