LivaButton
DevExtreme'in Button bileşeni üzerine kurulu; variant, size, type (renk)
ve loading prop'larıyla genişletilmiş bir butondur.
import { LivaButton } from "@dataliva/livalib";
Varyantlar
Dolu, çerçeveli ve düz stiller arasında geçiş için variant kullanılır.
Varyantlar
Önizleme yükleniyor…
Renkler
type prop'u anlamsal renklere karşılık gelir: default, success, danger,
normal, back.
Renkler (type)
Önizleme yükleniyor…
Boyutlar
Boyutlar
Önizleme yükleniyor…
Durumlar
loading bir spinner gösterir ve tıklamayı engeller; disabled butonu
soluklaştırır.
Durumlar
Önizleme yükleniyor…
Tüm prop'lar aşağıda listelenmiştir. ᴰˣ ile işaretli olanlar LivaButton'ın
kendi prop'ları değildir; alttaki DevExtreme Button'dan (IButtonOptions ve
temel Widget zincirinden) miras alınır ve ...props ile doğrudan aktarılır.
| Prop | Tip | Varsayılan |
|---|---|---|
text | string | — |
variant | 'contained' | 'outlined' | 'text' | 'contained' |
size | 'small' | 'medium' | 'large' | 'medium' |
type | 'default' | 'success' | 'danger' | 'normal' | 'back' | 'default' |
loading | boolean | false |
disabled | boolean | false |
className | string | '' |
onClick | (e) => void | — |
icon ᴰˣ | string | — |
stylingMode ᴰˣ | 'text' | 'outlined' | 'contained' | — |
template ᴰˣ | template | ((data: { text; icon }, element) => string | Element) | — |
useSubmitBehavior ᴰˣ | boolean | — |
validationGroup ᴰˣ | string | — |
activeStateEnabled ᴰˣ | boolean | — |
focusStateEnabled ᴰˣ | boolean | — |
hoverStateEnabled ᴰˣ | boolean | — |
visible ᴰˣ | boolean | — |
hint ᴰˣ | string | — |
accessKey ᴰˣ | string | — |
tabIndex ᴰˣ | number | — |
rtlEnabled ᴰˣ | boolean | — |
height ᴰˣ | number | string | — |
width ᴰˣ | number | string | — |
elementAttr ᴰˣ | Record<string, any> | — |
id ᴰˣ | string | — |
style ᴰˣ | CSSProperties | — |
children ᴰˣ | ReactNode | — |
render ᴰˣ | (...params) => ReactNode | — |
component ᴰˣ | ComponentType<any> | — |
onContentReady ᴰˣ | (e) => void | — |
onInitialized ᴰˣ | (e) => void | — |
onDisposing ᴰˣ | (e) => void | — |
onOptionChanged ᴰˣ | (e) => void | — |
ᴰˣ = DevExtreme Button'dan miras alınan (inherited) seçenek — LivaButton özel
olarak tanımlamaz, ...props üzerinden Button bileşenine geçer.