Two-Tiered List with Extra Tier Button

This component displays a two-tiered list with divider lines between each list item. Each list item contains an avatar image, name, and email address. An anchor link allows viewing more details for that item. At the bottom is a button to view all items. The styling uses Tailwind CSS utilities like divide-y, divide-gray-100, flex, gap-x-*, h-12, w-12, rounded-full, bg-gray-50, text-sm, font-semibold, truncate, py-5, and more to create the styled list. The tiered effect comes from the default stacked flex direction.

Similar Components

Other components related to tailwind, list, two-tier, divider, avatar, button tags