# LivaLoadIndicator
Package: @dataliva/livalib
Description: @dataliva/livalib yükleme göstergesi bileşeni.

DevExtreme'in LoadIndicator bileşeni üzerine kurulu dönen yükleme göstergesi.
`variant` ile anlamsal renk, `size` ile hazır boyut sınıfları uygulanır;
DevExtreme'den gelen tüm seçenekler (ör. `visible`, `indicatorSrc`) aynen
kullanılabilir.

```tsx
import { LivaLoadIndicator } from "@dataliva/livalib";
```

## Boyutlar

`size` üç hazır boyut sunar: `small`, `medium`, `large`.

**Örnek — Boyutlar:**

```tsx
<LivaLoadIndicator size="small" />
<LivaLoadIndicator size="medium" />
<LivaLoadIndicator size="large" />
```

## Varyantlar

`variant` göstergenin rengini belirler.

**Örnek — Varyantlar:**

```tsx
<LivaLoadIndicator variant="primary" />
<LivaLoadIndicator variant="secondary" />
<LivaLoadIndicator variant="success" />
<LivaLoadIndicator variant="warning" />
<LivaLoadIndicator variant="danger" />
```

## Görünürlük

`visible` prop'u DevExtreme'e iletilir; göstergeyi DOM'dan kaldırmadan
gizleyip göstermek için kullanılır.

**Örnek — Görünürlük:**

```tsx
const [visible, setVisible] = useState<boolean>(true);

<LivaButton
  text={visible ? "Gizle" : "Göster"}
  size="small"
  variant="outlined"
  onClick={() => setVisible((v) => !v)}
/>
<LivaLoadIndicator visible={visible} variant="primary" size="medium" />
```

## Prop'lar

| Prop | Tip | Varsayılan |
|------|------|---------|
| `variant` | `'primary' \| 'secondary' \| 'success' \| 'warning' \| 'danger'` | `'primary'` |
| `size` | `'small' \| 'medium' \| 'large'` | `'medium'` |
| `visible` | `boolean` | `true` |
| `indicatorSrc` | `string` | — |
| `className` | `string` | — |
| `height` | `number \| string` | — |
| `width` | `number \| string` | — |
| `rtlEnabled` | `boolean` | `false` |
| `elementAttr` | `object` | — |

Ayrıca DevExtreme `ILoadIndicatorOptions`'tan gelen tüm prop'lar desteklenir.
`indicatorSrc` ile varsayılan animasyon yerine özel bir görsel (GIF/SVG)
gösterilebilir.