-
-
Save ypcode/935d44fb309f523e1abf2fdca98d1b58 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//... | |
public render(): React.ReactElement<ITutoTestProps> { | |
let { items, columns, isCompactMode, isModalSelection } = this.state; | |
return ( | |
<div className={styles.tutoTest}> | |
<CommandBar | |
items={this.getItems()} /> | |
<MarqueeSelection selection={this._selection}> | |
<DetailsList | |
items={items} | |
compact={isCompactMode} | |
columns={columns} | |
selectionMode={isModalSelection ? SelectionMode.multiple : SelectionMode.none} | |
setKey="set" | |
layoutMode={DetailsListLayoutMode.justified} | |
isHeaderVisible={true} | |
selection={this._selection} | |
selectionPreservedOnEmptyClick={true} | |
onItemInvoked={this._onItemInvoked} | |
enterModalSelectionOnTouch={true} | |
ariaLabelForSelectionColumn="Toggle selection" | |
ariaLabelForSelectAllCheckbox="Toggle selection for all items" | |
/> | |
</MarqueeSelection> | |
<Tutorial tutorial={this.getTutorial()} showReplayTutorial={true} | |
replayTutorialLabel="I need some help !" | |
replayTutorialLabelProps={{ className: styles.replayTutorialLink }} /> | |
</div> | |
); | |
} | |
private getTutorial: () => ITutorial = () => { | |
return tutorialScript; | |
} | |
//... |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment