How to use the @rmwc/list.ListItem function in @rmwc/list
To help you get started, we’ve selected a few @rmwc/list 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.
fluidtrends / chunky / web / lib / components / Footer.js View on Github 
value: function renderFooterSectionElement(element) {
return _react2.default.createElement(
_list.ListItem,
{ key: element.id, style: { cursor: 'pointer' }, onClick: this.triggerEvent(element.id, { handler: element.link }) },
_react2.default.createElement(
_button.Button,
{ onClick: this.triggerEvent(element.id, { handler: element.link }), style: { color: this.props.theme.footerTintColor, textAlign: 'left' } },
element.title
)
);
}
}, {value: function renderSection(section, index) {
var isSelected = section.path === this.props.section.path;
return _react2.default.createElement(
_list.ListItem,
{
key: 'section' + index,
onClick: this._onSectionSelect(section),
style: {
fontWeight: section.action ? 800 : 300,
color: isSelected ? this.props.sectionSelectedColor : section.actionColor || this.props.sectionColor
} },
_react2.default.createElement(
_list.ListItemText,
null,
section.title
)
);
}
}, {return this.props.menu.map(function (item) {
return _react2.default.createElement(
_list.ListItem,
{ key: 'menuItem' + index++ },
_react2.default.createElement(
ListItemText,
null,
item.title
)
);
});
}return this._menu.map(function (item) {
var translatedTitle = theme.headerTranslation && _this3.state.strings && _this3.state.selectedLanguage ? _this3.state.strings[_this3.state.selectedLanguage]['title' + index] : item.title;
return _react2.default.createElement(
_list.ListItem,
{
onClick: _this3._onMenuItem(item),
key: 'menuItem' + index++ },
item.id === 'translation' ? _react2.default.createElement(_select.Select, {
label: item.title,
options: languages,
onChange: function onChange(evt) {
return _this3.changeLanguage(evt.target.value);
},
value: _this3.state.selectedLanguage,
style: {
color: theme.navigationTextButton
}
}) : _react2.default.createElement(
_list.ListItemPrimaryText,
null,value: function renderFooterSection(section) {
var _this2 = this;
return _react2.default.createElement(
'div',
{ key: 'footerSection' + section.id, style: {
marginRight: '20px'
} },
_react2.default.createElement(
_list.List,
null,
_react2.default.createElement(
_list.ListItem,
{ style: { marginLeft: '15px' } },
_react2.default.createElement(
_list.ListItemText,
{ style: { color: this.props.theme.footerHeaderColor } },
' ',
section.title,
' '
)
),
section.elements.map(function (element) {
return _this2.renderFooterSectionElement(element);
})
)
);
}
}, {
