Tile UI Vue
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/vue';
 
export default function SkeletonDemo() {
	return (
		<div class="component-preview__stack">
			<div style={{ display: 'grid', gap: '8px' }}>

Registry install

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

Package usage

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

Highlights

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

Registry dependencies

Item Purpose
skeleton Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

Skeleton

No custom props.

PreviousSidebarNextSlider