Element: #249 Delivery status (display/message-bubble) What it shows: Four outgoing bubbles, one per delivery state: pending, sent, delivered and read. When to use: Showing message delivery ticks in a chat, with a visually hidden status text for screen readers. Spec: - `const states = ['pending', 'sent', 'delivered', 'read'] as const;` - `{#each states as status}` renders `` Tags: message-bubble, chat, status, delivery, ticks Needs: @codeatlasdev/ui@4.6.0 Components: MessageBubble Live demo: https://ui.codeatlas.com.br/docs/display/message-bubble#delivery-status

{#each states as status} {status} {/each}