List 1 block design & features
List1 is a full-width data table built with shadcn/ui Table components, displaying rows of categorized items across six columns: icon, category, description, year, offer tier, and segment. Each row pairs a Lucide icon with its category label and a longer description. The offer column includes a small color-coded vertical pill that distinguishes between tier levels.
Rows sit on the default background with standard table row borders. Header labels use primary-colored bold text. The offer pills use yellow, green, or blue fills depending on tier, providing immediate visual differentiation without additional text emphasis. No card or container border wraps the table itself.
The style is utilitarian and data-dense, prioritizing scanability over decoration. Complexity is low because all data is static and the only visual interest comes from the color-coded tier indicators. You supply an array of item objects with icon, category, description, year, offer, and segment fields.
On smaller screens the table hides the category, year, offer, and segment columns, collapsing each row into a compact mobile card showing the icon, a combined category and segment line with an inline color dot, the year, and the description.