UI Lists & Feeds Catalog — 15 Named Patterns

.list-inbox

Inbox Rows

Compact mail/message rows — avatar, from, subject, preview, time.

Inbox

3 conversations

.list-inbox-rich

Inbox Rich

Unread accent, tags, and status badges on denser mail rows.

Support inbox

2 unread

Avery Kim

Weather hold on Lake loop

Guests asking if we can move the Sunday start…

Weather Priority

8m
Northstar Ops

Sensor delay · Ridge

3 hut sensors delayed more than 15 minutes.

Ops

22m
Maya Chen

Re: dietary notes

Updated the roster — two gluten-free guests.

Resolved

Yesterday

.list-inbox-select

Selectable Inbox

Checkboxes with a bulk action bar when items are selected.

Messages

Select to archive or assign

0 selected

Maya Chen · Ridge hut hold

Extend Friday’s hold through Sunday…

12m
Jordan Lee · Guide swap

Covering Isla’s Saturday group…

1h
Billing · Payment retry

Card ending 4242 failed…

Yesterday

.list-notify

Notification List

Icon tile, message body, relative time — unread tint.

Notifications

Last 24 hours

Maya Chen booked Ridge hut for Sat.
12m
Weather advisory for Lake loop day hike.
1h
Payment failed for invoice #4821.
3h

.list-notify-day

Notifications by Day

Day section labels with notification rows underneath.

Today

Jordan mentioned you in crew briefing.
9:14
Checklist complete for Ridge sunrise.
7:02

Yesterday

Wind advisory posted for Harbor trailhead.
18:40

.list-comments

Comment Thread

Avatar + bubble comments with reply actions and a composer.

Maya Chen 2h ago

Can we keep two extra sleeping pads at Ridge for the Saturday group?

Avery Kim 1h ago

Yes — I’ll mark them reserved on the gear sheet.

.list-comments-nested

Nested Replies

Threaded replies indented under a parent comment.

Jordan Lee 3h ago

Who’s covering Isla’s Saturday group if she swaps?

Avery Kim 2h ago

I can take it if Sunday moves to noon.

Maya Chen 1h ago

Works for the guests — I’ll update the roster.

.list-search

Search Results

Title, URL/path, and snippet with highlighted matches.

24 results

Ridge hut · booking guide

docs.northstar / huts / ridge

How to open Ridge hut availability and publish guest confirmation emails.
Invoice #4821 · Ridge weekend

app / billing / invoices / 4821

Deposit posted for Ridge sunrise climb · balance due Friday.
Sensor checklist · Ridge

ops / sensors / ridge

Daily ping list for hut weather and occupancy sensors.

.list-search-filter

Facet rail + active chips + result rows for CRM/docs search.

.list-contacts

CRM Contact List

People rows with role/company meta and quick actions.

Contacts

Harbor Studio guests & partners

Maya Chen

Guest lead · Ridge sunrise
Jordan Lee

Guide · Northstar Field
Isla Soto

Guide · weekend roster

.list-mentions

Mentions Feed

@mention activity with quoted context blocks.

Mentions

Where you were tagged

Jordan Lee mentioned @avery in Crew briefing

“Can @avery confirm Sunday noon works for the swap?”
Maya Chen mentioned @avery on Invoice #4821

“Looping @avery on the retry schedule.”

.list-chat

Chat Message List

Bubble conversation — theirs left, mine right.

Any update on the Ridge hold?

10:02

Extended through Sunday morning — confirmation sent.

10:04

Perfect, thanks!

10:05

.list-queue

Ticket Queue

Ops/CRM ticket rows — ID, title, priority, assignee.

Open tickets

Needs attention

#1042

Weather hold · Lake loop

Support · opened 14m ago

High AK
#1038

Payment retry · #4821

Billing · opened 2h ago

Med MC
#1031

Add gluten-free note to roster

Ops · opened yesterday

Low —

.list-social

Card posts with author, body, media block, and reaction actions.

.list-people

People / Follow List

Directory rows with Follow/Following toggle and load-more foot.

Suggested guides

People you may want to follow

Isla Soto

Alpine guide · weekend ridge leads
Riley Knoll

Gear desk · Harbor HQ
Tess Park

Front desk · guest messaging