UILab

Skeleton

Use to show a placeholder while content is loading.

"use client"

import { Skeleton } from "uilab-core"

export function SkeletonPreview() {

Usage

import { Skeleton } from "uilab-core"
<Skeleton className="h-5 w-25 rounded-full" />

Examples

Avatar

"use client"

import { Skeleton } from "uilab-core"

export function SkeletonAvatarExample() {

Card

"use client"

import {
  Card,
  CardContent,

Text

"use client"

import { Skeleton } from "uilab-core"

export function SkeletonTextExample() {

Form

"use client"

import { Skeleton } from "uilab-core"

export function SkeletonFormExample() {

Table

"use client"

import { Skeleton } from "uilab-core"

export function SkeletonTableExample() {

On this page