Add user avatar icons to your page for a list of user IDs - pair this component with our APIs to add real-time social cues to your app
The <Facepile />
component renders a "facepile" showing the avatar icons of the user IDs you have given as an input. For example, you can use our thread API to fetch the user IDs of the participants of a thread. You can then pass this array to the Facepile component.
This component pairs well with:
import { Facepile } from "@cord-sdk/react";
export const Example = () => (
<Facepile
users={['userID_1', 'userID_2', 'userID_3']}
/>
);
true
, a tooltip with the user's displayName will
appear on top of each Avatar. The default value is true
If you want to customize this component, you can target the classes below in your app's CSS. These are guaranteed to be stable.
.cord-facepile