---
title: Başlık
description: Ürün adını gösteren Title alt component'i.
---

<Callout type="warn" title="Eski altyapı">
Bu sayfa, ikas Studio öncesindeki headless tema altyapısını anlatır. Yeni temalar için [ikas Studio](https://builders.ikas.com/docs/ikas-studio) dokümantasyonunu kullanın.
</Callout>

`Title` alt component'i ürünün adını gösterir.

```tsx title="src/components/product-detail/detail/title/index.tsx"
export const Title = (props: ProductDetailProps) => {
  return <S.Title>{props.product.name}</S.Title>;
};
```