Element: #186 Chat (layout/mobile-pane) What it shows: A button that opens a full-screen mobile pane titled Maria Souza with a message list, a header action and a composer. When to use: Chat threads and other drill-down detail views on phones, opened from a list and closed again. Spec: - `` with `let open = $state(false)` - ` (open = true)}>Open conversation` opens it - `{#snippet actions()}` holds `` with `` - `const messages` has 5 strings rendered with `{#each messages as m}

{m}

{/each}` - Composer is `` Tags: mobile-pane, chat, mobile, icon-button, text-field, conversation Needs: @codeatlasdev/ui@4.4.0 Components: MobilePane, Button, IconButton, TextField Live demo: https://ui.codeatlas.com.br/docs/layout/mobile-pane#chat (open = true)}>Open conversation {#snippet actions()} {/snippet}

{#each messages as m}
• {m}
{/each}