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