<ProductName />
Overview
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 (
<div>
<ProductName title="Custom Title" />
</div>
);
};
Props
Type | Description | Type | Default |
---|---|---|---|
align | The CSS alignment of the title text. | left | right | center | left |
title | The override 'Title' to use in place of the initialized Product's name. | string | '' |
className | A className to the display container. | string | '' |