SaveBar

Kurulum

Paket

@bigbang/ui

İçe aktarma

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

Kaynak

SaveBar.tsx

Storybook

SaveBar · Playground

SaveBar, @bigbang/ui paketindedir.

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

<SaveBar open={isDirty} saving={saving} saved={saved} onSave={save} onDiscard={reset} />;

Özellikler

openZorunlu

Açıklama

Çubuğu gösterir; formda kaydedilmemiş değişiklik varken açın.

Tür

boolean

onSave

Açıklama

Kaydet çağırır.

Tür

() => void

onDiscard

Açıklama

Vazgeç çağırır. Verilmezse Vazgeç gösterilmez.

Tür

() => void

saving

Açıklama

Değişiklikler kaydedilirken Kaydet'te döner gösterge gösterir ve Vazgeç'i kapatır.

Tür

boolean

Varsayılan

false

saved

Açıklama

Kaydet'te kaydedildi durumunu gösterir. Başarı süresinden sonra çubuğu kapatın.

Tür

boolean

Varsayılan

false

message

Açıklama

Çubuktaki metin. Verilmezse ui.save-bar.message ('Kaydedilmemiş değişiklikleriniz var' ya da 'You have unsaved changes').

Tür

ReactNode

saveLabel

Açıklama

Kaydet düğmesinin metni. Verilmezse ui.save-bar.save.

Tür

string

discardLabel

Açıklama

Vazgeç düğmesinin metni. Verilmezse ui.save-bar.discard.

Tür

string

position

Açıklama

fixed çubuğu pencerenin altına sabitler; sticky kaydırma kabının altında tutar.

Tür

'fixed' | 'sticky'

Varsayılan

'fixed'

warnOnLeave

Açıklama

Çubuk açıkken sayfadan ayrılmadan önce tarayıcıdan onay ister.

Tür

boolean

Varsayılan

true

material

Açıklama

'solid', cam bir Provider altında çubuğu opak tutar.

Tür

'auto' | 'solid'

Varsayılan

'auto'

className

Açıklama

Kök öğeye eklenir; yalnızca yerleşim için kullanın.

Tür

string

Veri öznitelikleri

• data-component="save-bar": kök öğe üzerinde.
• data-open ya da data-closed.
• data-part: message, discard, save.