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