LiveKit docs › Hooks › useParticipantTile

---

# useParticipantTile

The `useParticipantTile` hook is used to implement the `ParticipantTile` and returns the props needed to render the tile.

## Import

```typescript
import { useParticipantTile } from "@livekit/components-react";

```

## Remarks

The returned props include many data attributes that are useful for CSS styling purposes because they indicate the state of the participant and the track. For example: `data-lk-audio-muted`, `data-lk-video-muted`, `data-lk-speaking`, `data-lk-local-participant`, `data-lk-source`, `data-lk-facing-mode`.

## Properties

- **`{ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, }.htmlProps`** _(React.HTMLAttributes<T>)_: 

- **`{ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, }.disableSpeakingIndicator`** _(boolean)_ (optional): 

- **`{ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, }.onParticipantClick`** _((event: ParticipantClickEvent) => void)_ (optional): 

- **`{ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, }.trackRef`** _(TrackReferenceOrPlaceholder)_ (optional): The track reference to display.

## Returns

```typescript
{
  elementProps: React.HTMLAttributes<T>;
}

```

---

This document was rendered at 2026-06-07T11:33:13.848Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/hook/useparticipanttile.md](https://docs.livekit.io/reference/components/react/hook/useparticipanttile.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).