Element: #251 Inbox (display/conversation-item) What it shows: An inbox of four conversation rows: unread count, pinned, muted, typing, with the selected row highlighted. When to use: Chat or support inboxes that list conversations with avatar, last message, time and unread state. Spec: - 4 rows in `rows`, each a ` (active = row.id)}` select a row - `unread`, `pinned`, `muted` and `typing` come from the row - `{#snippet avatar()}{/snippet}` Tags: conversation-item, inbox, chat, unread, avatar Needs: @codeatlasdev/ui@4.6.0 Components: Avatar, ConversationItem Live demo: https://ui.codeatlas.com.br/docs/display/conversation-item#inbox

{#each rows as row} (active = row.id)} > {#snippet avatar()}{/snippet} {/each}