SkeletonLoader

A component that displays a skeleton loader for placeholder content during loading.

Installation

import { SkeletonLoader } from 'uxp/components';

Signature

const SkeletonLoader: React.FunctionComponent<SkeletonLoaderProps>

Examples

<SkeletonLoader
  width="200px"
  height="20px"
/>

<SkeletonLoader
  width="100%"
  height="2rem"
  className="custom-skeleton"
  additionalStyle={{ borderRadius: '4px' }}
/>

Properties

Name	Type	Mandatory	Default Value	Example Value
width	string	No	-	-
height	string	No	-	-
additionalStyle	React.CSSProperties	No	-	-
className	string	No	-	-

Related Types

• SkeletonLoaderProps