office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 1.4 kB
JavaScript
module.exports = "import * as React from 'react';\nimport {\n DocumentCard,\n DocumentCardActivity,\n DocumentCardPreview,\n DocumentCardTitle,\n IDocumentCardPreviewProps,\n ImageFit\n} from '../../../../index';\n\nexport class DocumentCardBasicExample extends React.Component<any, any> {\n public render() {\n let previewProps: IDocumentCardPreviewProps = {\n previewImages: [\n {\n name: 'Revenue stream proposal fiscal year 2016 version02.pptx',\n url: 'http://bing.com',\n previewImageSrc: 'dist/document-preview.png',\n iconSrc: 'dist/icon-ppt.png',\n imageFit: ImageFit.cover,\n width: 318,\n height: 196,\n accentColor: '#ce4b1f'\n }\n ],\n };\n\n return (\n <DocumentCard onClickHref='http://bing.com'>\n <DocumentCardPreview { ...previewProps } />\n <DocumentCardTitle\n title='Large_file_name_with_underscores_used_to_separate_all_of_the_words_and_there_are_so_many_words_it_needs_truncating.pptx'\n shouldTruncate={ true }/>\n <DocumentCardActivity\n activity='Created a few minutes ago'\n people={\n [\n { name: 'Annie Lindqvist', profileImageSrc: 'images/persona-female.png' }\n ]\n }\n />\n </DocumentCard>\n );\n }\n\n}\n";