How to use the @uifabric/example-data.facepilePersonas.slice function in @uifabric/example-data
To help you get started, we’ve selected a few @uifabric/example-data 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.
OfficeDev / office-ui-fabric-react / packages / office-ui-fabric-react / src / components / Facepile / examples / Facepile.Basic.Example.tsx View on Github 
public render(): JSX.Element {
const { numberOfFaces, personaSize } = this.state;
const facepileProps: IFacepileProps = {
personaSize: personaSize,
personas: facepilePersonas.slice(0, numberOfFaces),
overflowPersonas: facepilePersonas.slice(numberOfFaces),
getPersonaProps: (persona: IFacepilePersona) => {
return {
imageShouldFadeIn: this.state.imagesFadeIn,
presence: this._personaPresence(persona.personaName!)
};
},
ariaDescription: 'To move through the items use left and right arrow keys.'
};
return (
<div>
<div>
</div></div>public render(): JSX.Element {
const { numberOfFaces, personaSize } = this.state;
const facepileProps: IFacepileProps = {
personaSize: personaSize,
personas: facepilePersonas.slice(0, numberOfFaces),
overflowPersonas: facepilePersonas.slice(numberOfFaces),
getPersonaProps: (persona: IFacepilePersona) => {
return {
imageShouldFadeIn: this.state.imagesFadeIn,
presence: this._personaPresence(persona.personaName!)
};
},
ariaDescription: 'To move through the items use left and right arrow keys.'
};
return (
<div>
<div>
</div></div>@uifabric/example-data
Data generators for Fluent UI React examples.
Package Health Score
72 / 100Popular @uifabric/example-data functions
- @uifabric/example-data.createListItems
- @uifabric/example-data.facepilePersonas.slice
- @uifabric/example-data.isGroupable
- @uifabric/example-data.people.length
- @uifabric/example-data.TestImages.documentPreview
- @uifabric/example-data.TestImages.documentPreviewThree
- @uifabric/example-data.TestImages.documentPreviewTwo
- @uifabric/example-data.TestImages.iconPpt
- @uifabric/example-data.TestImages.personaFemale
- @uifabric/example-data.TestImages.personaMale