---
title: Tasarımı oluşturma
description: Miktar girişi bileşeninin tasarımını oluşturma.
---

<Video src="/media/ikas-studio/basic-examples/product-detail/buy-buttons/quantity/updating-design.mp4" autoPlay muted loop controls />

## Elementleri ekleme

İki adet **İkon** element'i ve bir adet **Yazı** element'i ekleyin. Ardından yazı element'ini iki ikon arasına yerleştirin.

## Miktar değerini bağlama

Yazı element'ini seçerek sağ kısımdaki **İçerik** alanına tıklayın. **Veri Bağla** kısmından `quantity` değişkenini seçin. Ardından aşağıdaki stil özelliklerini güncelleyin:

- `font-size`
- `font-weight`
- `color`

## İkonları yapılandırma

Sol kısımdaki ikon için `minus`, sağ kısımdaki ikon için ise `plus` seçin. Her iki ikonun **iconType** değerini **Bold** olarak belirleyin ve aşağıdaki stil özelliklerini güncelleyin:

- `font-size`
- `color`
- `padding`
- `cursor`