Bileşenler

Skeleton

Henüz yüklenen içeriğin biçiminde bir yer tutucu.

Kurulum

Skeleton, @bigbang/ui paketindedir.

import { Skeleton } from '@bigbang/ui';

<Skeleton lines={2} loading={isLoading}>
  <p>Kart açıklaması burada yer alır.</p>
</Skeleton>;

shape

Açıklama: Yer tutucunun biçimi: metin satırları, medya ya da kart için blok, avatar için daire.
Tür: 'block' | 'circle' | 'text'
Varsayılan: 'text'

lines

width

Açıklama: 12rem ya da 50% gibi bir CSS uzunluğu olarak satır yönündeki boyut. Varsayılan genişliği doldurur; daire 32 px'dir.
Tür: string

height

Açıklama: Blok ya da dairenin CSS uzunluğu olarak blok yönündeki boyutu. Yüksekliği verilmeyen blok 16:9 oranını korur.
Tür: string

loading

Açıklama: true iken yer tutucu görünür; false olunca yerini children alır ve belirerek gelir.
Tür: boolean
Varsayılan: true

label

Açıklama: Neyin yüklendiği; ekran okuyucu okur. Verilmezse ui.skeleton.loading kütüphane metni okunur ("İçerik yükleniyor" ya da "Loading content").
Tür: string

decorative

Açıklama: Yükleme durumunu üst öğe zaten bildiriyorsa yer tutucuyu yardımcı teknolojiden gizler.
Tür: boolean
Varsayılan: false

className

children