Skeleton

This component is an implementation of a custom skeleton loader

Width and Height


Kind


BackgroundColor and AnimationColor


Group


Border Radius


Align


Chart


Children


Skeleton Props

NameTypeDefaultRequiredDescription
backgroundColorstringrgb(238, 238, 238)NoColor of background
animationColorstringrgb(246, 246, 246)NoColor of animation
widthnumber | stringNoSet defined width component
heightnumber | stringNoSet defined height component
kind'primary' | 'secondary'primaryNoSet style depending on kind
borderRadiusstring5pxNoSet defined border radius style
AlignstringstartNoSet defined justify-content
groupdirection: 'vertical' | 'horizontal'; repeat: number; gap: stringNoAllows to repeat one element multiple times and display using rows or columns
chartsize: 'small' | 'medium' | 'large'; backgroundInnerCircle: stringsmall && '#fff'NoSet size and inner background of chart