---
title: Varyant seçici
description: Varyant seçici bileşeni oluşturma.
---

Bu örnekte, sıfırdan bir varyant seçici bileşeni oluşturmayı öğreneceksiniz.

## Adımlar

<Steps>
  <Step title="Bileşen oluşturma ve varyant tiplerini listeleme">
    [Bileşen oluşturma ve varyant tiplerini listeleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/variant-picker/creating-component)
  </Step>
  <Step title="Varyant tipi item'ını düzenleme ve varyant değerlerini listeleme">
    [Varyant tipi item'ını düzenleme ve varyant değerlerini listeleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/variant-picker/updating-variant-type-item)
  </Step>
  <Step title="Varyant değer item'ını düzenleme">
    [Varyant değer item'ını düzenleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/variant-picker/updating-variant-value-item)
  </Step>
  <Step title="Varyant değiştirme fonksiyonu ekleme">
    [Varyant değiştirme fonksiyonu ekleme &rarr;](https://builders.ikas.com/tr/docs/ikas-studio/basic-examples/product-detail/variant-picker/adding-variant-change-function)
  </Step>
</Steps>