How to use the @uifabric/experiments/lib/Utilities.css function in @uifabric/experiments

To help you get started, we’ve selected a few @uifabric/experiments 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.

github OfficeDev / office-ui-fabric-react / packages / experiments / src / components / Tile / examples / Tile.Folder.Example.tsx View on Github external
})
    : undefined;

  return (
    <div>
      }&gt;{props.item.name}}
        itemActivity={{'12'}}&gt;{props.item.activity}}
        foreground={
          <span>
            {renderFolderCoverWithLayout(folderCover, {
              children: imageSize ? (
                <img src="{`//placehold.it/${Math.round(imageSize.width)}x${Math.round(imageSize.height)}`}">
              ) : null
            })}
          </span>
        }
      /&gt;
    </div>
  );
};
github OfficeDev / office-ui-fabric-react / packages / experiments / src / components / Tile / examples / Tile.Folder.Example.tsx View on Github external
/&gt;
  );

  const { contentSize } = getFolderCoverLayout(folderCover);

  const imageSize = props.originalImageSize
    ? fitContentToBounds({
        contentSize: props.originalImageSize,
        boundsSize: contentSize,
        mode: 'contain'
      })
    : undefined;

  return (
    <div>
      }&gt;{props.item.name}}
        itemActivity={{'12'}}&gt;{props.item.activity}}
        foreground={
          <span>
            {renderFolderCoverWithLayout(folderCover, {
              children: imageSize ? (
                <img src="{`//placehold.it/${Math.round(imageSize.width)}x${Math.round(imageSize.height)}`}"></span></div>
github OfficeDev / office-ui-fabric-react / packages / experiments / src / components / Tile / examples / Tile.Folder.Example.tsx View on Github external
className={css(TileExampleStyles.tile, {
        [TileExampleStyles.largeTile]: props.size === 'large',
        [TileExampleStyles.smallTile]: props.size === 'small'
      })}
    &gt;
      }&gt;{props.item.name}}
        itemActivity={{'12'}}&gt;{props.item.activity}}
        foreground={
          <span>
            {renderFolderCoverWithLayout(folderCover, {
              children: imageSize ? (
                <img src="{`//placehold.it/${Math.round(imageSize.width)}x${Math.round(imageSize.height)}`}">
              ) : null
            })}
          </span>
        }
      /&gt;
    
  );
};