How to use the @rmwc/list.ListItemText 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 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);
})
)
);
}
}, {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
)
);
}
}, {_list.List,
{ style: {
display: 'flex',
flex: '1',
alignSelf: 'center',
justifyContent: 'center',
flexDirection: 'column',
textAlign: 'center'
} },
_react2.default.createElement(
_list.ListItem,
{ style: { marginRight: '20px', color: this.props.theme.footerHeaderColor,
alignSelf: 'center'
} },
_react2.default.createElement(
_list.ListItemText,
null,
' ',
this.props.info.copyright,
' '
)
)
)
);
}
}, {
