Komponen / Tampilan data
Skeleton
Placeholder berdenyut yang meniru tata letak isi selagi data dimuat, agar layar tidak melompat saat data tiba.
Import
tsx
import { Skeleton } from '@divistant/circca-react';Props
Juga menerima atribut <div>. Ukuran bebas juga bisa lewat className (h-*, w-*).
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| shape | 'text' | 'text-large' | 'circle' | 'rect' | 'text' | Bentuk dan ukuran bawaan sesuai Figma. |
| width | number | string | — | Lebar (angka = px). Untuk Circle sekaligus tinggi. |
| height | number | string | — | Tinggi (angka = px). |
| className | string | — | Kelas tambahan (digabung aman dengan tailwind-merge). |
Sumber
Kode komponen ada di packages/react/src/components/skeleton. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.