Product Name

<ProductName />


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

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

Code Examples

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

const Component = () => {
  return (
      <ProductName title="Custom Title" />


alignThe CSS alignment of the title text.left | right | centerleft
titleThe override 'Title' to use in place of the initialized Product's name.string''
classNameA className to the display container.string''