office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 978 B
JavaScript
module.exports = "import * as React from 'react';\nimport {\n Facepile,\n IFacepileProps\n} from '../../../../index';\nimport { facepilePersonas } from './FacepileExampleData';\n\nexport interface IFacepileAddFaceExampleState {\n numberOfFaces: number;\n}\n\nexport class FacepileAddFaceExample extends React.Component<any, IFacepileAddFaceExampleState> {\n public constructor() {\n super();\n\n this.state = {\n numberOfFaces: 0\n };\n }\n\n public render() {\n let { numberOfFaces } = this.state;\n let facepileProps: IFacepileProps = {\n personas: facepilePersonas.slice(0, numberOfFaces),\n maxDisplayablePersonas: 5,\n overflowButtonProps: {},\n showAddButton: true,\n addButtonProps: {\n onClick: (ev: React.MouseEvent<HTMLButtonElement>) => this.setState({\n numberOfFaces: this.state.numberOfFaces + 1\n })\n }\n };\n\n return (\n <Facepile {...facepileProps} />\n );\n }\n}";