Skip to main content

Skeleton

Feedback
Stable

Loading skeleton placeholder. Extends div — size and shape are set via className. Use while async content is loading.

Quick Import
Full Documentation
import { Skeleton } from "@cohere-ai/waypoint-ui/skeleton";

Live Preview

Loading Skeleton...
Open in StorybookOpen in v0View Docs

Examples

Avatar + Text Skeleton

Skeleton representing a user profile row

1
import { Skeleton } from '@cohere-ai/waypoint-ui/skeleton';
2
 
3
<div className="flex items-center gap-4">
4
  <Skeleton className="h-12 w-12 rounded-full" />
5
  <div className="space-y-2">
6
    <Skeleton className="h-4 w-48" />
7
    <Skeleton className="h-4 w-32" />
8
  </div>
9
</div>

Found an Issue?

If you've encountered a bug or have feedback about the Skeleton component, please report it to our team. Your feedback helps us improve Waypoint.

Available for all users • Issue will be created in Linear

Was this page helpful?

Your feedback helps us improve our documentation.

Need Help?

Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.