Skip to content

Skeleton

The skeleton component.

  • Import
    import "@tapsioss/web-components/skeleton";
  • Tag
    <tapsi-skeleton></tapsi-skeleton>

Properties

NameDescriptionTypeDefault Value
variantThe type of content that will be rendered."rectangular" | "circular" | "pill" | "text""rectangular"
widthWidth of the skeleton.string""
heightHeight of the skeleton.string""
ratioThe ratio of the width to the height. If the value is invalid, it will default to 1. Only works when variant="rectangular".numberNaN