Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
private _getCustomElements = (): JSX.Element => {
return (
<div style="{{">
</div>
);
};
}
private _getCustomElementsExampleTwo = (): JSX.Element => {
return (
<div style="{{">
</div>
);
};
private _getCustomElementsExampleThree = (): JSX.Element => {
return (
<div style="{{">
<div style="{{">
</div></div>
public render(): JSX.Element {
return (
<div>
Basic Shimmer with no elements provided. It defaults to a line of 16px height.
Basic Shimmer with elements provided.
</div>
shimmerElements={[
{ type: ElemType.circle, height: 24 },
{ type: ElemType.gap, widthInPercentage: 2 },
{ type: ElemType.line, height: 16, widthInPercentage: 20 },
{ 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.