office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 1.22 kB
JavaScript
module.exports = "import * as React from 'react';\nimport {\n Slider,\n Facepile,\n IFacepileProps\n} from '../../../../index';\nimport { facepilePersonas } from './FacepileExampleData';\nimport './Facepile.Examples.scss';\n\nexport interface IFacepileBasicExampleState {\n numberOfFaces: any;\n}\n\nexport class FacepileBasicExample extends React.Component<any, IFacepileBasicExampleState> {\n public constructor() {\n super();\n\n this.state = {\n numberOfFaces: 1\n };\n }\n\n public render() {\n let { numberOfFaces } = this.state;\n let facepileProps: IFacepileProps = {\n personas: facepilePersonas.slice(0, numberOfFaces),\n chevronButtonProps: {\n onClick: (ev: React.MouseEvent<HTMLButtonElement>) =>\n alert('Down arrow icon clicked')\n }\n };\n\n return (\n <div className={'ms-FacepileExample'}>\n <Facepile {...facepileProps} />\n <Slider\n label='Number of Personas:'\n min={1}\n max={8}\n step={1}\n showValue={true}\n value={this.state.numberOfFaces}\n onChange={value => this.setState({ numberOfFaces: value })}\n />\n </div>\n );\n }\n}\n";