How to use the @uifabric/experiments/lib/Shimmer.ShimmerElementVerticalAlign.bottom 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 / Shimmer / examples / Shimmer.CustomElements.Example.tsx View on Github external
width={'calc(100% - 50px)'}
            shimmerElements={[
              { type: ElemType.line, widthInPercentage: 90, height: 10 },
              { type: ElemType.gap, widthInPercentage: 10, height: 20 },
              { type: ElemType.line, widthInPercentage: 100, height: 10 }
            ]}
          />
          
        
      
    );
  };
}
github OfficeDev / office-ui-fabric-react / packages / experiments / src / components / Shimmer / examples / Shimmer.Basic.Example.tsx View on Github external
{ type: ElemType.gap, widthInPercentage: 5 },
            { type: ElemType.line, height: 16, widthInPercentage: 20 },
            { type: ElemType.gap, widthInPercentage: 10 },
            { type: ElemType.line, height: 16, widthInPercentage: 15 },
            { type: ElemType.gap, widthInPercentage: 10 },
            { type: ElemType.line, height: 16 }
          ]}
        />
        Variations of vertical alignment for Circles and Lines.
        
      
    );
  }
}
github OfficeDev / office-ui-fabric-react / packages / experiments / src / components / Shimmer / examples / Shimmer.CustomElements.Example.tsx View on Github external
shimmerElements={[{ type: ElemType.circle, height: 40 }, { type: ElemType.gap, widthInPixel: 10, height: 40 }]}
          />
          
          
        
      
    );
  };
}