# Chat

A composable chat transcript — role-aware message bubbles with avatars, names, timestamps and a typing indicator.

- Install: `php artisan blatui:add chat`
- Source: https://blatui.remix-it.com/r/chat.json
- Composer: `composer require gehrisandro/tailwind-merge-laravel`

## resources/views/components/ui/chat.blade.php

```blade
{{-- chat: the scrollable message-thread container. Drop <x-ui.chat-message> children inside. --}}
<div
    data-slot="chat"
    role="log"
    aria-label="Conversation"
    aria-live="polite"
    tabindex="0"
    {{ $attributes->twMerge('flex flex-col gap-4 overflow-y-auto p-4 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px]') }}
>
    {{ $slot }}
</div>
```