Compact Row
Compact row of team avatars with names and titles.
Compact row of team avatars with names and titles.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
A space efficient team section that lists people as small horizontal rows. Each entry pairs a 12 unit avatar with a name and title stacked beside it, no cards or borders. A short heading and one line of copy introduce the group, then eight members lay out across a responsive grid.
Update the members array with each name, title, and avatar component. Because rows are simple flex pairings, the section scales comfortably to a dozen or more people without feeling heavy. The avatar size, gaps, and text scale are all utility classes you can nudge directly. Colors follow your active daisyUI theme through base-content and its opacity variants, so the roster matches the rest of the page automatically. The markup is plain Tailwind CSS and React, ready to copy and paste into a Next.js project.