---
title: Sabit
description: Sayfa üzerinde bağımsız olarak konumlanan kaplamalar.
---

## Özellikler

- **trigger**
  - **click** — Kaplama olan elementin dışında bir elemente sağ tıklayarak oluşturduğunuz kaplamayı seçip show veya hide aksiyonu bağlayabilirsiniz. Bağladığınız aksiyon tıklama durumuna göre otomatik olarak çalışır.
  - **hover** — Click ile aynı mantıkta çalışır; aksiyon fare üzerine geldiğinde tetiklenir.
  - **manual** — Kaplamanın açılıp kapanması doğrudan kontrol edilir. Seçildiğinde aşağıdaki özellik açılır:
    - **condition** `boolean` — Dinamik bir boolean değer bağlanır ve kaplamanın görünürlüğü bu değere göre çalışır.
- **fill** `backgroundColor` — Kaplamanın arka plan rengini belirler.
- **zIndex** `number` — Kaplamanın diğer elementlere göre katman sırasını belirler.
- **dismissable** `boolean` — Kaplamanın dışına tıklanarak kapatılıp kapatılamayacağını belirler.
- **pageScroll** `auto`, `block` — Kaplama açıkken sayfa kaydırma davranışını belirler. **auto** seçildiğinde sayfa kaydırılabilir, **block** seçildiğinde sayfa kaydırması engellenir.

<img src="/media/ikas-studio/content-and-design/elements/attribute/ikas/overlay-fixed.png" style={{ maxWidth: "400px", boxShadow: "0 4px 24px rgba(0, 0, 0, 0.08)" }} />

## Stiller

Sabit kaplamalar için stil seçenekleri seçilen **tip**'e göre farklılık gösterir.

### Modal

Modal seçildiğinde elementin kendisine `margin`, `overflow` ve `pointer-events` stilleri güncellenebilir.

- **positionType** `auto`, `custom` — Kaplamanın konumlandırma yöntemini belirler. **custom** seçildiğinde kaplama üzerindeki tüm stiller gizlenir ve gerekli güncellemeler kaplama içindeki elementlerden yapılır. **auto** seçildiğinde aşağıdaki özellik açılır:
  - **position** `top-left`, `top-center`, `top-right`, `center-left`, `center`, `center-right`, `bottom-left`, `bottom-center`, `bottom-right` — Modalın ekrandaki konumunu belirler.

### Drawer

Drawer seçildiğinde elementin kendisine `overflow` ve `pointer-events` stilleri güncellenebilir.

- **positionType** `auto`, `custom` — Kaplamanın konumlandırma yöntemini belirler. **custom** seçildiğinde kaplama üzerindeki tüm stiller gizlenir ve gerekli güncellemeler kaplama içindeki elementlerden yapılır. **auto** seçildiğinde aşağıdaki özellik açılır:
  - **position** `top`, `right`, `bottom`, `left` — Drawer'ın ekrandaki yaslandığı kenarı belirler.