---
title: "Sekmeler"
description: "Bir flow'da içerik panellerini değiştiren sekme navigasyonu ekleyin."
---

**Sekmeler**, bir ekran bölümünü birbirini değiştiren içerik panellerine böler — kullanıcı bir sekme başlığına dokunur ve aşağıdaki panel buna göre güncellenir.

{/* TODO: on-device GIF */}
## Sekme ekleme, silme ve seçme \{#add-remove-and-select-tabs\}

Her sekme iki bölümden oluşur:

- **Sekme başlığı** — tıklanabilir etiket (Tab 1, Tab 2 vb.).
- **Sekme içeriği** — her sekme için bir içerik alanı. İçerik alanına eklediğiniz her şey, ilgili sekme seçildiğinde görünür.

Yeni sekme eklemek için **Add tab** düğmesine tıklayın. Her yeni sekme için otomatik olarak bir içerik alanı oluşturulur.

Ekran ilk açıldığında belirli bir sekmenin aktif olmasını istiyorsanız **Selected by default** seçeneğini etkinleştirin.
## Sekmeleri Stillendirme \{#style-the-tabs\}
### Şablonlar \{#templates\}

Flow Builder, kullanıma hazır üç sekme şablonu sunar:

- **Segment control** — seçili sekmenin etrafında yuvarlak köşeli, hap şeklinde bir geçiş elemanı.
- **Button Tabs** — ayrı buton stilli sekmeler.
- **Underline** — seçili sekmeyi alt çizgiyle işaretleyen metin etiketleri.
### Sekme durumları \{#tab-states\}

Her sekmenin kendi durum değiştirici düğmesi vardır (**Default / Selected**); bu sayede aktif ve pasif durumları ayrı ayrı biçimlendirebilirsiniz — her durum için tipografi, renkler, dolgu ve kenarlık.
## Seçilebilir grup \{#selectable-group\}

Sekmeler, **tek seçimli bir seçilebilir grup** oluşturur — her seferinde yalnızca bir sekme aktif olabilir. Grubu, **Screen settings** panelindeki [Selectable groups](paywall-layout-and-products#selectable-groups) bölümünden yönetebilirsiniz.

Grup iki değişken sunar:

- `tabs.selectedOptionId` — seçili sekmenin ID'si. Koşullarda kullanabilirsiniz.
- `tabs.selectedOptionTitle` — seçili sekmenin etiketi. Dinamik metinlerde kullanabilirsiniz.

Grubu yeniden adlandırdıysanız `tabs` ifadesini kendi özel **Group ID** değerinizle değiştirin.

Tam bilgi için [Seçilebilir öğeler ve gruplar](flow-selectable-elements) bölümüne bakın.