How to use terra-list - 7 common examples
To help you get started, we’ve selected a few terra-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.
cerner / terra-core / packages / terra-list / src / terra-dev-site / doc / guides / SectionWithSubsection2.jsx View on Github 
this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));
} this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));
} this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));
}createListItem(itemData) {
return (
= 0}
metaData={{ key: itemData.key }}
onSelect={this.handleItemSelection}
>
);
}return React.Children.map(children, (child, index) => {
let isSelectable = true;
if (child.props.isSelectable === false) {
isSelectable = false;
}
return React.cloneElement(child, {
isSelectable,
isSelected: this.state.selectedIndex === index,
onClick: Utils.wrappedOnClickForItem(child.props.onClick, this.handleItemSelection, { index }),
onKeyDown: Utils.wrappedOnKeyDownForItem(child.props.onKeyDown, this.handleItemSelection, { index }),
});
});
}return React.Children.map(children, (child, index) => {
let isSelectable = true;
if (child.props.isSelectable === false) {
isSelectable = false;
}
return React.cloneElement(child, {
isSelectable,
isSelected: this.state.selectedIndex === index,
onClick: Utils.wrappedOnClickForItem(child.props.onClick, this.handleItemSelection, { index }),
onKeyDown: Utils.wrappedOnKeyDownForItem(child.props.onKeyDown, this.handleItemSelection, { index }),
});
});
} this.setState(state => ({ selectedKeys: Utils.updatedMultiSelectedKeys(state.selectedKeys, metaData.key) }));
}terra-list
The Terra List is a structural component to arrange content within list/listitems.
