How to use the @rmwc/list.List 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 renderSections() {
var _this2 = this;
var index = 0;
return _react2.default.createElement(
_list.List,
null,
this.props.sections.map(function (section) {
return _this2.renderSection(section, index++);
})
);
}
}, {return _react2.default.createElement(
'div',
{ style: { display: 'flex',
flex: '1',
cursor: 'pointer',
alignSelf: 'center',
justifyContent: 'center',
width: '100vw',
backgroundColor: this.props.theme.footerBottomColor,
flexDirection: compact ? 'row' : 'column' },
onClick: function onClick() {
window.open('https://carmel.io');
}
},
_react2.default.createElement(
_list.List,
{ style: {
display: 'flex',
flex: '1',
alignSelf: 'centers',
justifyContent: 'center',
flexDirection: 'column',
textAlign: 'center'
} },
_react2.default.createElement(
_list.ListItem,
{ style: { color: this.props.theme.footerHeaderColor,
alignSelf: 'center'
} },
_react2.default.createElement(
_list.ListItemText,
null,
