Tile UI React
Source code

Components

Skeleton

A loading placeholder that mirrors the shape of the content it replaces.

Use Skeleton to reserve layout space while content loads.

import { Skeleton } from '@tile-ui/react';

export default function SkeletonDemo() {
	return (
		<div className="component-preview__stack">
			<div style={{ display: 'grid', gap: 8 }}>

Registry install

pnpm dlx shadcn@latest add @tile-ui/skeleton

Package usage

import { Skeleton } from '@tile-ui/react';
 
<Skeleton />

Highlights

  • Pulse animation
  • Sizes to its container
  • Composes inside Card and Table

Registry dependencies

ItemPurpose
skeletonComponent source and module styles
coreFramework-agnostic logic helpers
stylesShared SCSS tokens and globals

API reference

Skeleton

No custom props.

PreviousSidebarNextSlider