---
title: Bileşen oluşturma
description: Miktar girişi bileşenini oluşturma.
---

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

## Bileşen oluşturma

Satın alma butonları bileşenine çift tıklayarak detayına girin. **Elementler** kısmından bir **Çerçeve** ekleyin ve sağ tıklayarak **Stili Temizle** seçeneğini uygulayın. Ardından tekrar sağ tıklayarak **Bileşen Oluştur**'u seçin. Açılan modaldan bileşenin **ikonunu** ve **adını** güncelleyip **Kaydet**'e basın.

## Kapsayıcı stillerini güncelleme

Bileşen detayına yönlendirildikten sonra içeride otomatik olarak oluşan çerçeve element'ini silin. İlk element'i seçin ve aşağıdaki stil özelliklerini güncelleyin:

- `justify-content`
- `align-items`
- `width`
- `background-color`
- `border`
- `border-radius`