---
title: Olaylar
description: Local kapsamda tanımlanan olaylar ve kullanımı.
icon: Zap
---

<Callout type="warning" title="Erişim">
Bu alan yalnızca **Local** kapsamda kullanılabilir.
</Callout>

Olaylar, element üzerinde tanımlanan aksiyonların kod akışını tutar. Blueprint modunda her olayın kendi node ekranı bulunur; bu ekranda olay tetiklendiğinde çalışacak akışı node'larla kurarsınız.

<Callout type="info" title="Tasarım">
Olayların tasarım tarafında elementlere nasıl bağlandığı ve desteklenen olay tipleri için [Olaylar](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/elements/events) sayfasını inceleyebilirsiniz.
</Callout>

<Callout type="info" title="Geliştiriciler için">
Olayın node ekranı, React'teki bir event handler fonksiyonuna karşılık gelir: olay tetiklendiğinde çalışacak akış burada tanımlanır.

```tsx
function onClick(event: MouseEvent) {
  // olayın node ekranı bu fonksiyonun gövdesine karşılık gelir
}
```
</Callout>

## Kapsam

Olaylar bölüm ve bileşenlerin içinde tanımlanır. Olayın kendi node ekranında aşağıdaki yapılar tanımlanabilir:

- **Değişkenler**
- **Fonksiyonlar**

Bu yapılar yalnızca olayın kendi kapsamında geçerlidir. Kapsam hiyerarşisi ile ilgili detaylı bilgi için [Genel Bakış](https://builders.ikas.com/tr/docs/ikas-studio/blueprint/overview) sayfasını inceleyebilirsiniz.

## Temel örnekler

Temel örneklerde olay oluşturma ve aksiyon akışı kurma adımlarını inceleyebilirsiniz:

- [Ürün Listesi > Bileşene sepete ekle butonu ekleyerek aksiyon bağlama](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-list/adding-add-to-cart-button-and-binding-action)
- [Header > Sepetten ürün silme aksiyonu ekleme](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/header/adding-remove-from-cart-action)
- [Varyant Seçici > Varyant değiştirme fonksiyonu ekleme](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/variant-picker/adding-variant-change-function)
- [Satın Alma Butonları > Miktar girişi > Aksiyonları bağlama](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/buy-buttons/quantity/binding-actions)
- [Satın Alma Butonları > Sepete ekle butonu ekleme](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/buy-buttons/adding-add-to-cart-button)
- [Satın Alma Butonları > Hemen satın al butonu ekleme](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/buy-buttons/adding-buy-it-now-button)