Skeleton

A placeholder block for content that is still loading.

SkeletonProps packages/core/src/extra-controls.ts:26 ↗

Import

import { Skeleton } from "@tarve/core";

Usage

Skeleton.tsx

import { Column, Skeleton } from "@tarve/core";

<Column gap={8} style={{ width: 280 }}>
  <Skeleton height={20} width="60%" />
  <Skeleton height={14} />
  <Skeleton height={14} width="80%" />
</Column>

Props

Prop	Type	Default
`height`	`Style["height"]`	`16`
`radius`	`number`	`theme.radius.sm`
`width`	`Style["width"]`	`"100%"`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle