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