Skeleton
Skeleton
Component demo
Interactive example
<ic-skeletonvariant="circle"></ic-skeleton><ic-typographyvariant="caption"><ic-skeletonvariant="text"></ic-skeleton></ic-typography><ic-skeleton></ic-skeleton>
<IcSkeletonvariant="circle"/><IcTypographyvariant="caption"><IcSkeletonvariant="text"/></IcTypography><IcSkeleton/>
Skeleton details
Props
All components also accept native properties supported by the DOM, such asclassName
and
style
.
|
|
|
---|---|---|
|
The appearance of the skeleton. |
|
|
|
|
|
The variant of the skeleton that will be displayed. |
|
The appearance of the skeleton. |
|
The variant of the skeleton that will be displayed. |
Variants
Inherited size from child
Interactive example
<ic-skeleton><div class="child">Test text</div></ic-skeleton>
<IcSkeleton><divclassName={classes.child}>Test text</div></IcSkeleton>
Set width and height
CSS changes directly toSkeleton
must be applied with inline styling.