# TilesAttributionOverlay

component in `3d-tiles-renderer/r3f`

```js
import { TilesAttributionOverlay } from '3d-tiles-renderer/r3f';
```

Displays attributions collected from the loaded tileset. Must be a child of TilesRenderer.
Remaining props are passed to the underlying CanvasDOMOverlay element.

Example: Showing the data attributions of the loaded tiles

```jsx
import { Canvas } from '@react-three/fiber';
import { TilesRenderer, TilesPlugin, TilesAttributionOverlay } from '3d-tiles-renderer/r3f';
import { GoogleCloudAuthPlugin } from '3d-tiles-renderer/core/plugins';

function App() {

	return (
		<Canvas>
			<TilesRenderer>
				<TilesPlugin plugin={ GoogleCloudAuthPlugin } args={ { apiToken: 'YOUR_GOOGLE_API_KEY' } } />
				<TilesAttributionOverlay />
			</TilesRenderer>
		</Canvas>
	);

}
```

## Props

- `generateAttributions`, `function`, optional: Custom function to generate attribution elements.
Receives the attributions array and the overlay element's unique id. Defaults to built-in rendering.
- `style`, `Object`, optional: Style overrides applied to the overlay container.
- `children`, `ReactNode`, optional: Additional content rendered above the attributions.