Components组件Radix UIRadix UI 组件
Skeleton
Use to show a placeholder while content is loading.
Partially translated: Chinese navigation, titles, descriptions, and common headings. The technical body is currently in English.
Loading JGuang UI example…
Installation
Command
Manual
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
Copy and paste the following code into your project.
View complete source: components/ui/skeleton.tsx
Update the import paths to match your project setup.
Usage
import { Skeleton } from "@/components/ui/skeleton"
<Skeleton className="h-[20px] w-[100px] rounded-full" />
Avatar
Loading JGuang UI example…
Card
Loading JGuang UI example…
Text
Loading JGuang UI example…
Form
Loading JGuang UI example…
Table
Loading JGuang UI example…
RTL
To enable RTL support in JGuang UI, see the RTL configuration guide.
Loading JGuang UI example…
Source: components/radix/skeleton.mdx
Technical documentation for JGuang UI.