---
title: Koşullar
description: Elementlere koşul ekleme ve yönetme.
icon: Split
---

<Callout type="warning" title="Erişim">
Bu alana erişim yalnızca **Tasarım** modunda mümkündür.
</Callout>

Bölüm veya bileşen içerisindeki tüm elementlere koşul eklenebilir. Koşul eklemek için önce elementi seçin, ardından koşul eklemek istediğiniz stil özelliğine sağ tıklayın. Açılan menüden **Koşul ekle** altında ekleyebileceğiniz koşul listesi görüntülenir.

Koşul ekleyebileceğiniz veri tipleri **boolean** veya **enum** olmalıdır. Boolean değerlerde true/false durumuna, enum değerlerde ise herhangi bir enum değerine eşitlik kontrolü yapılarak farklı stiller belirlenebilir. Tüm koşulların sonunda **fallback** bulunur; hiçbir koşul karşılanmazsa fallback değeri uygulanır.

<Callout type="info" title="Diğer veri tipleri">
Boolean ve enum dışındaki veri tiplerinde de koşul eklenebilir. Bu durumda verinin olup olmadığı kontrol edilir ve boolean gibi çalışır.
</Callout>

## Koşul Kaynakları

Koşul eklerken üç temel kaynak bulunur:

### Data

Bölüm veya bileşen içerisinde tanımlanan boolean veya enum değerleri bu kısım altında görüntülenir.

### Store Data

`baseStore`, `cartStore` ve `customerStore` gibi ikas tarafından hazır olan modeller içerisindeki değerlere göre koşul eklenebilir.

### Global Data

Blueprint modunda global olarak eklediğiniz boolean veya enum verileri bu kısımda görüntülenir. Uygulama genelinde kullanılan bu veriler sayesinde tasarım değişiklikleri için koşul yazabilirsiniz. Daha fazla bilgi için Blueprint modundaki [Değişkenler](https://builders.ikas.com/tr/docs/ikas-studio/blueprint/variables) sayfasını inceleyebilirsiniz.

## Kırılma Noktaları

[Kırılma Noktaları](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/global-values/breakpoints) altında tanımlanan değerler de koşul olarak kullanılabilir. Bileşenlerde [Bölümler](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/sections) gibi kırılma noktasına özel bir tasarım ekranı bulunmaz. Bileşenlerde kırılma noktasına özel tasarım değişiklikleri yapmak istiyorsanız koşul olarak kırılma noktası kullanarak bu değişiklikleri sağlayabilirsiniz.

<Callout type="info" title="Bölümler ve bileşenler arasındaki fark">
Bölümlerde kırılma noktası ekleyerek her biri için ayrı bir tasarım yapılabilir. Bileşenlerde ise state ve variant yapısı olduğu için bu özellik bulunmaz; bunun yerine koşul olarak kırılma noktası kullanılarak tasarım farklılıkları oluşturulur.
</Callout>