Chat — Illustration · Electrik Slate

Chat

An assistant conversation.

Install + use

Decorative UI from electrik/slate-illustrations. Copy the sample, then make the copy your own.

composer require electrik/slate-illustrations


@source '../../vendor/electrik/slate-illustrations/resources/views/**/*.blade.php';
@import '../../vendor/electrik/slate-illustrations/resources/css/illustrations.css';

Sample usage

<div class="bg-muted/30 p-6 sm:p-10">
    <x-slate-illustration::chat
        class="mx-auto max-w-md"
        label="Acme assistant"
        name="Acme assistant"
        status="Online"
        badge="Live"
        :messages="[
            ['role' => 'user', 'text' => 'Can we bill the workspace, not the user?'],
            ['role' => 'assistant', 'text' => 'Yes. Cashier sits on the team — open /billing after install.'],
            ['role' => 'user', 'text' => 'Will Cursor pick that up?'],
            ['role' => 'assistant', 'text' => 'Point it at electrik.dev/llms.txt and keep product code in App\\.'],
        ]"
    />
</div>

Acme assistant

Online

Live

Can we bill the workspace, not the user?

Yes. Cashier sits on the team — open /billing after install.

Will Cursor pick that up?

Point it at electrik.dev/llms.txt and keep product code in App\.