Product Description

<ProductDescription />

Overview

The <ProductDescription /> component will display the value of the metadata key _description on the Catalog Item used to initialize the Player.

The description can also be overwritten by passing in your own description in as a prop.

It is built using the useMetadata() hook.

Code Examples

import { Description } from '@threekit-tools/treble';

const Component = () => {
  return (
    <div>
      <ProductDescription />
      // With a custom description
      <ProductDescription description="This is a custom description." />
    </div>
  );
};

Props

TypeDescriptionTypeDefault
descriptionThe override 'Description' to use in place of the initialized Product's description.string''
classNameA className to the display container.string''