ISkeleton

View source on GitHub

A component that is used to hide components during uploading.

Examples

Circular avatar placeholder for loading states

const avatarSkeleton: ISkeleton = {
  width: "40px",
  height: "40px",
  borderRadius: "50%"
}

Responsive content card loading placeholder

const cardSkeleton: ISkeleton = {
  width: "100%",
  height: "120px",
  borderRadius: "8px"
}

Text line loading animation

const textSkeleton: ISkeleton = {
  width: "80%",
  height: "16px",
  borderRadius: "4px"
}

Properties

Property	Type	Description
width	string	Defines the skeleton width
height	string	Defines the skeleton height
borderRadius?	string	Defines the skeleton border radius
className?	string	Defines the CSS class for styling the component. Can be used to override or extend the default component styles.