How to use the @uifabric/example-data.TestImages.documentPreviewTwo function in @uifabric/example-data
To help you get started, we’ve selected a few @uifabric/example-data examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
OfficeDev / office-ui-fabric-react / packages / office-ui-fabric-react / src / components / DocumentCard / examples / DocumentCard.Compact.Example.tsx View on Github 
name: 'Revenue stream proposal fiscal year 2016 version02.pptx',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreview,
iconSrc: TestImages.iconPpt,
width: 144
},
{
name: 'New Contoso Collaboration for Conference Presentation Draft',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreviewTwo,
iconSrc: TestImages.iconPpt,
width: 144
},
{
name: 'Spec Sheet for design',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreviewThree,
iconSrc: TestImages.iconPpt,
width: 144
},
{
name: 'Contoso Marketing Presentation',
linkProps: {export const DocumentCardImageExample: React.StatelessComponent = () => {
const cardStyles: IDocumentCardStyles = {
root: { display: 'inline-block', marginRight: 20, marginBottom: 20, width: 320 }
};
return (
<div>
</div>href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreview,
iconSrc: TestImages.iconPpt,
imageFit: ImageFit.cover,
width: 318,
height: 196
},
{
name: 'New Contoso Collaboration for Conference Presentation Draft',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreviewTwo,
iconSrc: TestImages.iconPpt,
imageFit: ImageFit.cover,
width: 318,
height: 196
},
{
name: 'Spec Sheet for design',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreviewThree,
iconSrc: TestImages.iconPpt,
imageFit: ImageFit.cover,
width: 318,
height: 196href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreview,
iconSrc: TestImages.iconPpt,
imageFit: ImageFit.cover,
width: 318,
height: 196
},
{
name: 'Notes from Ignite conference',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreviewTwo,
iconSrc: TestImages.iconPpt,
imageFit: ImageFit.cover,
width: 318,
height: 196
},
{
name: 'FY17 Cost Projections',
linkProps: {
href: 'http://bing.com',
target: '_blank'
},
previewImageSrc: TestImages.documentPreviewThree,
iconSrc: TestImages.iconPpt,
imageFit: ImageFit.cover,
width: 318,
height: 196@uifabric/example-data
Data generators for Fluent UI React examples.
Package Health Score
72 / 100Popular @uifabric/example-data functions
- @uifabric/example-data.createListItems
- @uifabric/example-data.facepilePersonas.slice
- @uifabric/example-data.isGroupable
- @uifabric/example-data.people.length
- @uifabric/example-data.TestImages.documentPreview
- @uifabric/example-data.TestImages.documentPreviewThree
- @uifabric/example-data.TestImages.documentPreviewTwo
- @uifabric/example-data.TestImages.iconPpt
- @uifabric/example-data.TestImages.personaFemale
- @uifabric/example-data.TestImages.personaMale