---
title: Açıklama
description: Ürünün HTML formatındaki açıklamasını gösteren Description 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>

Ürün açıklamaları, ikas satıcıları tarafından yönetim panelinden girilir. Açıklama değerleri HTML formatında zengin metin olarak gelir. Açıklamayı render etmek için [dangerouslySetInnerHTML](https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml) prop'unu kullanın.

```tsx title="src/components/product-detail/detail/description/index.tsx"
export const Description = (props: ProductDetailProps) => {
  const { t } = useTranslation();
  if (!props.product.description) return null;
  return (
    <S.DescriptionWrapper>
      <S.DescriptionTitle>{t(`${NS}:detail.description.title`)}</S.DescriptionTitle>
      <S.Description dangerouslySetInnerHTML={{ __html: props.product.description }} />
    </S.DescriptionWrapper>
  );
};
```