Team 20 - Compact avatar wall with tooltipsPro
Dense wall of small circular avatars where hovering or focusing any face shows a tooltip with name and role, beside a short intro and CTA.
About Team 20
Dense wall of small circular avatars where hovering or focusing any face shows a tooltip with name and role, beside a short intro and CTA.
Team 20 is a team block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 93 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- avatars
- tooltip
- wall
- compact
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add team-20Uses: avatar, button, reveal, tooltip, utils.
Usage
import Team20 from "@/components/blocks/team-20"
export default function Page() {
return <Team20 />
}