Skeleton
Use to show a placeholder while content is loading.
import { Skeleton } from "uilab-core"
export function SkeletonPreview() {
return (
<div className="flex items-center gap-4">import { Skeleton } from "uilab-core"
export function SkeletonAvatarExample() {
return (
<div className="flex w-fit items-center gap-4">import {
Card,
CardContent,
CardHeader,
Skeletonimport { Skeleton } from "uilab-core"
export function SkeletonTextExample() {
return (
<div className="flex w-full max-w-xs flex-col gap-2">import { Skeleton } from "uilab-core"
export function SkeletonFormExample() {
return (
<div className="flex w-full max-w-xs flex-col gap-7">import { Skeleton } from "uilab-core"
export function SkeletonTableExample() {
return (
<div className="flex w-full max-w-sm flex-col gap-2">