Spinner

Kurulum

Paket

@bigbang/ui

İçe aktarma

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

Kaynak

Spinner.tsx

Storybook

Spinner · Playground

Spinner, @bigbang/ui paketindedir.

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

<Spinner size="md" label="Sonuçlar yükleniyor" />;

Özellikler

size

Açıklama

İkon boyutu: 12, 16, 20 ya da 24 px.

Tür

'xs' | 'sm' | 'md' | 'lg'

Varsayılan

'sm'

tone

Açıklama

Halkanın rengi: çevredeki metin rengi, ikincil metin ya da birincil eylem rengi (brand, diğer bileşenlerdeki gibi). primary, brand için kullanılan eski addır ve aynı rengi çizer.

Tür

'current' | 'subtle' | 'brand' | 'primary'

Varsayılan

'current'

label

Açıklama

Neyin yüklendiği; ekran okuyucu okur. Verilmezse ui.spinner.loading kütüphane metni okunur ("Yükleniyor" ya da "Loading").

Tür

string

decorative

Açıklama

Durumu çevredeki denetim kendisi bildirdiğinde dönen halkayı yardımcı teknolojiden gizler.

Tür

boolean

Varsayılan

false

className

Açıklama

Yalnızca yerleşim için: dış boşluk ve konum.

Tür

string

Veri öznitelikleri

• data-component="spinner": kök öğe üzerinde.