LivaSkeleton
İçerik yüklenirken yer tutucu olarak parlayan bir iskelet gösterir. İki
kullanım şekli vardır: children verilmezse tek başına bir iskelet kutusu
çizer; children verilirse içeriği sarar ve visible prop'u true olduğu
sürece içeriğin üzerine tam kaplayan bir iskelet katmanı bindirir.
import { LivaSkeleton } from "@dataliva/livalib";
Metin satırları
Farklı genişlikte satırlar dizerek paragraf yer tutucusu oluşturulur.
mb, mt, ml, mr prop'ları hızlı kenar boşluğu verir.
Şekiller
circle genişlik, yükseklik ve köşe yarıçapını height değerine eşitleyerek
daire çizer; radius serbest köşe yuvarlaklığı sağlar; animate={false}
parlamayı kapatır.
İçerik üzerinde iskelet
Gerçek içerik LivaSkeleton ile sarılır; visible açıkken içerik yerinde
kalır ama üzeri iskeletle örtülür. Yükleme bitince yalnızca visible
kapatılır — yerleşim zıplamaz.
| Prop | Tip | Varsayılan |
|---|---|---|
height | string | number | '100%' |
width | string | number | '100%' |
radius | string | number | '4px' |
circle | boolean | false |
animate | boolean | true |
visible | boolean | false |
children | ReactNode | — |
className | string | — |
style | CSSProperties | — |
mb | string | number | — |
mt | string | number | — |
ml | string | number | — |
mr | string | number | — |
Sayısal değerler otomatik olarak px birimine çevrilir. visible yalnızca
children ile birlikte anlamlıdır; tek başına kullanımda iskelet her zaman
görünür.